请选择 进入手机版 | 继续访问电脑版
查看: 215|回复: 1

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

[复制链接]

699

主题

738

帖子

4802

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
4802
发表于 2018-5-1 13:04:54 | 显示全部楼层 |阅读模式
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.         window.onload = addMousePower;</font>
复制代码
2.但是我们发现这段代码竟然是使用JQuery写的,如果直接拿来用的话肯定是不得行的,怎么办呢?经过笔者测试,Discuz网站的js模块集中在static/js/这个文件目录下,而且这里面的函数也基本上都是用JQuery写的,好的,问题解决!
6.jpg

3.我是把这块代码放在了common.js这个文件下了,经过测试是可以正常使用的,快去试试看!

注意事项:
1.在使用的时候别少了window.onload=addMousePower()这个函数,否则是没有效果的;
2.更改完毕之后记得去后台,工具里面更新一下缓存;
3.代码的具体位置可以放在common.js文件的最下面就行。









上一篇:装逼神器,使用DOS一键加速百度云(破解百度云加速DOS命令)
下一篇:VIP视频抢先看《后来的我们在线观看》
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复过本主题
的还回复过:

3

主题

7

帖子

22

积分

新手上路

Rank: 1

积分
22
发表于 2019-1-28 18:53:50 | 显示全部楼层
很有用,学习了
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

微信扫一扫

我爱科技论坛(www.52tech.tech)旨在打造全网最大的免费资源共享平台。目前论坛包括考研资料、编程学习、黑科技/科学上网、开源软件等资源模块,竭力服务于正在学习道路上的每一个人。我爱科技论坛,爱科技,更爱分享。致力于营造一个资源丰富、内容完善的大型网络学习交流资源共享平台!

QQ|Archiver|手机版|小黑屋|我爱科技论坛 快乐学习交流

(请勿发布违反中华人民共和国法律法规的言论,会员观点不代表我爱科技论坛的官方立场)

Powered by Discuz! X3.4© 2001-2013 Technology Inc.

返回顶部 返回列表