【Discuz网站美化】自己添加代码实现富强民主文明鼠标点击效果

admin

1.以前大多数看到的是在Wordpress博客网站添加鼠标点击效果，但是呢目前还没有关于Discuz网站添加鼠标点击效果的实现步骤，下面就来实现一波；具体的代码我已经封装成了一个函数，addMousePower()函数，具体如下：

1. <font size="4">function addMousePower(){
   
2.         
   
3.                 /* 鼠标点击特效 */
   
4.                     var a_idx = 0;
   
5.                     jQuery(document).ready(function($) {
   
6.                         $("body").click(function(e) {
   
7.                     var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
   
8.                     var $i = $("<span/>").text(a[a_idx]);
   
9.             a_idx = (a_idx + 1) % a.length;
   
10.                     var x = e.pageX,
    
11.             y = e.pageY;
    
12.             $i.css({
    
13.     "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
    
14.     "top": y - 20,
    
15.     "left": x,
    
16.     "position": "absolute",
    
17.     "font-weight": "bold",
    
18.     "color": "#ff6651"
    
19.             });
    
20.             $("body").append($i);
    
21.             $i.animate({
    
22.     "top": y - 180,
    
23.     "opacity": 0
    
24.             },
    
25.             1500,
    
26.     function() {
    
27.                 $i.remove();
    
28.             });
    
29.         });
    
30.     });
    
31.         }
    
32. 
    
33.         window.onload = addMousePower;</font>

复制代码

2.但是我们发现这段代码竟然是使用JQuery写的，如果直接拿来用的话肯定是不得行的，怎么办呢？经过笔者测试，Discuz网站的js模块集中在static/js/这个文件目录下，而且这里面的函数也基本上都是用JQuery写的，好的，问题解决！


3.我是把这块代码放在了common.js这个文件下了，经过测试是可以正常使用的，快去试试看！
注意事项：
1.在使用的时候别少了window.onload=addMousePower()这个函数，否则是没有效果的；
2.更改完毕之后记得去后台，工具里面更新一下缓存；
3.代码的具体位置可以放在common.js文件的最下面就行。

aya_xiyi

很有用，学习了