网站效果
首先复制下述代码,并在模板下的js文件中粘贴本代码,将文件名改为:click.js
jQuery(document).ready(function($) { $("html,body").click(function(e){ var dfs=[ "您刚才的点击使计生局放开了"+Math.floor(Math.random()*100)+"胎政策。", "您刚才的点击使黄石超级火山爆发了", "您刚才的点击使罗辑又换了一个女朋友", "您刚才的点击使小米公司收购了高通公司", "您刚才的点击引爆了"+Math.random()*10000+"光年外的一颗恒星", "您刚才的点击使头发变得乌黑浓密了", "您刚才的点击使您的波函数坍塌了", "您刚才的点击使您的银行卡被盗刷了", "您刚才的点击使普朗克常数扩大了十倍", "您刚才的点击熄灭了蓝色空间号二号主引擎", "您刚才的点击创造了一个小宇宙", "您刚才的点击使宇宙由开放转为闭合", "您刚才的点击让云天明和关一帆在一起了", "您刚才的点击使三体第"+Math.floor(Math.random()*100)+"舰队起航了", "您刚才的点击使第"+Math.floor(Math.random()*10000)+"号宇宙毁灭了", "您刚才的点击向太阳发射了一颗光粒", "您刚才的点击导致三体行星撞上他的主星", "您刚才的点击令人类文明将在"+(new Date()).getFullYear()+"年"+((new Date()).getMonth()+1)+"月"+(new Date()).getUTCDate()+"日23:59:59毁灭", "您刚才的点击启动了威慑系统", "您刚才的点击使谢顿计划脱离了正轨", "您刚才的点击使程心按下了威慑开关", "您刚才的点击引起了"+Math.random()*10000+"光年外一个行星的爆炸", "您刚才的点击使宇宙中产生了一些暗物质", "您刚才的点击引起了所有行星上的地震", "您刚才的点击使一台诺基亚摔碎了", "您刚才的点击使360云盘倒闭了", "您刚才的点击小米发布了MIX概念手机", "千万不要再次点击鼠标", "真的千万不要再次点击鼠标" ]; var n=Math.floor(Math.random() * dfs.length + 1)-1; //随机获取一条数据 var $i=$("<p/>").text(dfs[n]); //新建一个b标签,并显示随机的话语 var x=e.pageX,y=e.pageY; //获取鼠标点击的x,和y $i.css({ //为标签赋予css值 "z-index":99999, "top":y-20, "left":x, "position":"absolute", "color":"#E94F06", "font-family":"微软雅黑", "cursor":"default", "-moz-user-select": "none", "-webkit-user-select": "none", "-ms-user-select": "none", "-khtml-user-select": "none", "user-select": "none", }); $("body").append($i); //在尾部插入 $i.animate( {"top":y-180,"opacity":0}, 1500, function(){$i.remove();}); //动画消除 e.stopPropagation(); }); });
接下来,在模板的head.hst文件最前面引入上述js文件和外部js文件。
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> <script src="click.js"></script>
注意这里的“click.js”需要修改js的正确存放路径。还有不懂的请留言。
没有回复内容