殷德瑶博客
喜欢的歌,静静地听!喜欢的人,远远地看!

emlog点击网站空白显示随机两位数效果

殷德瑶 2016-6-5 emlog教程 评论 3398 次

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、重新打开网站,刷新后点击空白处即可看到效果。



发表评论


粤ICP备15078261号 Powered by 黑暗之夜
Theme by 殷德瑶博客