请选择 进入手机版 | 继续访问电脑版

我爱科技论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 509|回复: 3

[免费教程] [Discuz网站美化]如何添加代码实现富强民主文明鼠标点击效果

[复制链接]

696

主题

743

帖子

7260

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
7260

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

发表于 2018-5-1 13:04:54 | 显示全部楼层 |阅读模式
1.以前大多数看到的是在Wordpress博客网站添加鼠标点击效果,但是呢目前还没有关于Discuz网站添加鼠标点击效果的实现步骤,下面就来实现一波;具体的代码我已经封装成了一个函数,addMousePower()函数,具体如下:
  1. <font size="5"><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></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

主题

8

帖子

24

积分

新手上路

Rank: 1

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

0

主题

5

帖子

12

积分

等待验证会员

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

2

主题

9

帖子

26

积分

新手上路

Rank: 1

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

使用道具 举报

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

本版积分规则

微信扫一扫

快速回复 返回顶部 返回列表