分享一个点击就会出现随机文字的JS插件

可乐 小轻IP 关注 七级站长 VIP
发表于站长交流区版块
首先复制下述代码,并在模板下的js文件中粘贴本代码,将文件名改为:click.js。

  1. jQuery(document).ready(function($) {
  2. $("html,body").click(function(e){
  3. var dfs=[
  4. "您刚才的点击使计生局放开了"+Math.floor(Math.random()*100)+"胎政策。",
  5. "您刚才的点击使黄石超级火山爆发了",
  6. "您刚才的点击使罗辑又换了一个女朋友",
  7. "您刚才的点击使小米公司收购了高通公司",
  8. "您刚才的点击引爆了"+Math.random()*10000+"光年外的一颗恒星",
  9. "您刚才的点击使头发变得乌黑浓密了",
  10. "您刚才的点击使您的波函数坍塌了",
  11. "您刚才的点击使您的银行卡被盗刷了",
  12. "您刚才的点击使普朗克常数扩大了十倍",
  13. "您刚才的点击熄灭了蓝色空间号二号主引擎",
  14. "您刚才的点击创造了一个小宇宙",
  15. "您刚才的点击使宇宙由开放转为闭合",
  16. "您刚才的点击让云天明和关一帆在一起了",
  17. "您刚才的点击使三体第"+Math.floor(Math.random()*100)+"舰队起航了",
  18. "您刚才的点击使第"+Math.floor(Math.random()*10000)+"号宇宙毁灭了",
  19. "您刚才的点击向太阳发射了一颗光粒",
  20. "您刚才的点击导致三体行星撞上他的主星",
  21. "您刚才的点击令人类文明将在"+(new Date()).getFullYear()+"年"+((new Date()).getMonth()+1)+"月"+(new Date()).getUTCDate()+"日23:59:59毁灭",
  22. "您刚才的点击启动了威慑系统",
  23. "您刚才的点击使谢顿计划脱离了正轨",
  24. "您刚才的点击使程心按下了威慑开关",
  25. "您刚才的点击引起了"+Math.random()*10000+"光年外一个行星的爆炸",
  26. "您刚才的点击使宇宙中产生了一些暗物质",
  27. "您刚才的点击引起了所有行星上的地震",
  28. "您刚才的点击使一台诺基亚摔碎了",
  29. "您刚才的点击使360云盘倒闭了",
  30. "您刚才的点击小米发布了MIX概念手机",
  31. "千万不要再次点击鼠标",
  32. "真的千万不要再次点击鼠标"
  33. ];
  34. var n=Math.floor(Math.random() * dfs.length + 1)-1; //随机获取一条数据
  35. var $i=$("<p/>").text(dfs[n]); //新建一个b标签,并显示随机的话语
  36. var x=e.pageX,y=e.pageY; //获取鼠标点击的x,和y
  37. $i.css({ //为标签赋予css值
  38. "z-index":99999,
  39. "top":y-20,
  40. "left":x,
  41. "position":"absolute",
  42. "color":"#E94F06",
  43. "font-family":"微软雅黑",
  44. "cursor":"default",
  45. "-moz-user-select": "none",
  46. "-webkit-user-select": "none",
  47. "-ms-user-select": "none",
  48. "-khtml-user-select": "none",
  49. "user-select": "none",
  50. });
  51. $("body").append($i); //在尾部插入
  52. $i.animate( {"top":y-180,"opacity":0}, 1500, function(){$i.remove();}); //动画消除
  53. e.stopPropagation();
  54. });
  55. });
接下来,在模板的head.hst文件最前面引入上述js文件和外部js文件。

  1. <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
  2. <script src="click.js"></script>
注意这里的“click.js”需要修改js的正确存放路径。像我用的“Changable”模板,它的路径就是 “template/puyuetian_changable/js/click.js”,还有不懂的请留言。
评论列表 评论
可乐 小轻IP 七级站长 VIP 2#
大佬帮我解决一下这个乱码情况,我这儿修改不了了
共0条回复,点击查看回复
可乐 小轻IP 七级站长 VIP 3#

这是网站效果。


Image
共0条回复,点击查看回复
发布评论

评论: 分享一个点击就会出现随机文字的JS插件

已有0次打赏
(2) 分享
分享

请保存二维码或复制链接进行分享

取消