（转贴）ZBLOG上的digg效果附上JS文件（希望大家借鉴）-领先建站CMS提供服务商我们专注于CMS建站产品的研发

2688 查看	2 回复

主题：（转贴）ZBLOG上的digg效果附上JS文件（希望大家借鉴） [收藏主题] 本贴被认定为精华

rickson 当前离线

204 主题	0 广播	0 粉丝

级别:二年级

用户积分:1621 分
登录次数:44 次
注册时间:2006/7/21
最后登录:2017/2/25

rickson 发表于：2007/10/24 9:47:00 | 只看该作者查看该作者主题楼主

做官网就用科汛智能建站系统!

简易Digg插件 - DiggThis 1.0 Beta For Z-blog 1.7 (07-07-23)

前言: 本来不想做这个插件, 直到"现实呓种"管我要, 他说, 你不做也得, 那就把软件兔的 "投票插件" 给我改成温度计的样式... 我看了一下星星投票, 然后决定来写插件...

事先也想参考一下, 别的Digg都是怎么做的, 没看懂, 后来还是关上门自己写, 只是我的JS技术不比不会好多少, Ajax效果移植自一个和Digg根本不沾边的页面, 实现不了主页Digg的效果. 只能进入文章再Digg, 不理想, 可也无能为力. 如有JS高手帮着重新设计下Ajax无刷新载入吧.
Digg数据提交到 str00 +'PLUGIN/DiggThis/Digg_This.asp?act=1&id=43'; id 是文章 id, act=1是顶, 2是不变, 3是拍.
另外因为数据是独立的, 实现排序不容易(至少要重新建一张页面并调用数据库), 这也不做了...

我说这些的目的: 如果您看不下去还有这么垃圾的插件存在...那就来为大家重做一个Digg插件吧...

不过这个插件至少实现了简易的Digg功能, 用起来感觉还凑合, 好歹也算是2.0的流行元素吧.
效果图:

演示地址就拿Washun的博客吧: http://www.washun.com/

安装说明:

1. 下载后解包, 将 DiggThis 文件夹上传到您博客目录的 PLUGIN 文件夹下.

2. 改代码, 如下:
======== 下面这段代码插到 b_article_single.html 里, 文章标题 <div>(或<h2>) 的上方 ==========

复制内容到剪贴板

代码:

<div id="DiggThis_Wrap">
<ul id="DiggThis_Tabs">
<li class="DiggThis_tabEnable" onclick="switchTab(1,<#article/id#>);"> 顶 </li>
<li class="DiggThis_tabEnable" onclick="switchTab(2,<#article/id#>);" style="display:none;">Null</li>
<li class="DiggThis_tabEnable" onclick="switchTab(3,<#article/id#>);"> 拍 </li>
</ul>
<div id="DiggThis_Content" class="DiggThis_clearfix"><script type="text/javascript" language="javascript">switchTab(2,<#article/id#>);</script></div>
</div>

============ 下面代码是样式表插到 single.html 里 <head> 与 <head> 之间 ==============

复制内容到剪贴板

代码:

<link rel="stylesheet" rev="stylesheet" href="<#ZC_BLOG_HOST#>PLUGIN/DiggThis/Styles/style.asp" type="text/css" media="screen" />

============= 下面代码是JS文件插到 single.html 里 <head> 与 <head> 后===============

复制内容到剪贴板

代码:

<script type="text/javascript" language="javascript" src="<#ZC_BLOG_HOST#>PLUGIN/DiggThis/Images/common.js"></script>

=================== 最后完成对 single.html <body> 的修改 ======================

复制内容到剪贴板

代码:

最后在 single.html 中的<body class="single"> 中插入 onload="globalHandlers();"
即将 <body> 成: <body class="single" onload="globalHandlers();">

代码改得有点多, 非我本意, 不过这个插件本身就非我本意...

使用说明:
插件里有详细说明和操作提示. 在后台 - 插件管理中找到并进入插件可以执行一些管理功能, 包括备份还原数据, 选择Digg框的样式等.
目前Digg框的样式只有三个, Washun做的, 如果你原意可以把你做的发上来给大家用.

下载信息 [文件大小：20.32 KB 下载次数：次]