1.以前大多数看到的是在Wordpress博客网站添加鼠标点击效果，但是呢目前还没有关于Discuz网站添加鼠标点击效果的实现步骤，下面就来实现一波；具体的代码我已经封装成了一个函数，addMousePower()函数，具体如下：function addMousePower(){
/* 鼠标点击特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("").text(a);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
}
window.onload = addMousePower;2.但是我们发现这段代码竟然是使用JQuery写的，如果直接拿来用的话肯定是不得行的，怎么办呢？经过笔者测试，Discuz网站的js模块集中在static/js/这个文件目录下，而且这里面的函数也基本上都是用JQuery写的，好的，问题解决！
472
3.我是把这块代码放在了common.js这个文件下了，经过测试是可以正常使用的，快去试试看！
注意事项：
1.在使用的时候别少了window.onload=addMousePower()这个函数，否则是没有效果的；
2.更改完毕之后记得去后台，工具里面更新一下缓存；
3.代码的具体位置可以放在common.js文件的最下面就行。
评论
填写昵称与邮箱即可评论，无需登录。