emlog点击网站空白显示随机两位数效果
1、把JS文件上传到模板目录中的 JS 文件夹中
2、在 header.php 中添加以下代码:
<!--添加数字效果开始--> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.js?from=ycyjkj.com"></script> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js?from=ycyjkj.com"></script> <script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/number.js?from=ycyjkj.com"></script> <!--添加数字效果结尾-->
其中 number.js 的代码为:
jQuery(document).ready(function($) { $("html,body").click(function(e){ var n=Math.round(Math.random()*100);//随机数 var $i=$("<b/>").text("+"+n);//添加到页面的元素 var x=e.pageX,y=e.pageY;//鼠标点击的位置 $i.css({ "z-index":99999, "top":y-20, "left":x, "position":"absolute", "color":"#E94F06" }); //易捷博客网 www.ycyjkj.com $("body").append($i); $i.animate( {"top":y-180,"opacity":0}, 1500, function(){$i.remove();} ); e.stopPropagation(); }); });
可以把以上代码,自己另存为 number.js 上传到js文件夹即可。
3、重新打开网站,刷新后点击空白处即可看到效果。
发表评论