JS点击页面出现赞效果
JS点击页面出现赞效果,点击页面任何地方出现随机的数字向上漂浮效果,挺炫的一种效果。
完整代码:
效果截图:
<title>JS点击页面出现赞效果</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
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"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
e.stopPropagation();
});
});
</script>
<p>请用鼠标左键点击页面查看效果</p>
相关文章
- JS点击页面出现赞效果
JS点击页面出现赞效果,点击页面任何地方出现随机的数字向上漂浮效果,挺炫的一种效果。 完整代码: 复制代码 代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(
- 网站新信息标题闪烁效果实现
网站新信息标题闪烁效果实现,很简单的一个功能,但是非常的实用,能够吸引访客注意,有效提高转化。 效果图:
- JS闪屏代码,闪瞎你的眼睛
JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。
- JS阻止浏览器返回代码
一段可以阻止浏览器返回的代码,今天无意打开了一个网站,发现怎么也返回不了,仔细研究了一下网站代码找到了无法返回的原因,于是将这段代码提取出来了。 仅供大家学习交流,请勿使用在自己的网站上,这算是一种比较流氓的行为。
- JS MD5加密代码md5.js 纯JS代码写的md5加密代码
JS MD5加密代码md5.js 纯JS代码写的md5加密代码。 代码打包下载: JS MD5加密代码md5.js 纯JS代码写的md5加密代码 使用方法: 在页面中引用md5.js,使用md5函数来加密字符串。 复制代码 代码如下: script src=md5.js/script script //alert(md5(admin)); doc
随机推荐
- JS点击页面出现赞效果
JS点击页面出现赞效果,点击页面任何地方出现随机的数字向上漂浮效果,挺炫的一种效果。 完整代码: 复制代码 代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(
- 网站新信息标题闪烁效果实现
网站新信息标题闪烁效果实现,很简单的一个功能,但是非常的实用,能够吸引访客注意,有效提高转化。 效果图:
- JS闪屏代码,闪瞎你的眼睛
JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。
- JS阻止浏览器返回代码
一段可以阻止浏览器返回的代码,今天无意打开了一个网站,发现怎么也返回不了,仔细研究了一下网站代码找到了无法返回的原因,于是将这段代码提取出来了。 仅供大家学习交流,请勿使用在自己的网站上,这算是一种比较流氓的行为。
- JS MD5加密代码md5.js 纯JS代码写的md5加密代码
JS MD5加密代码md5.js 纯JS代码写的md5加密代码。 代码打包下载: JS MD5加密代码md5.js 纯JS代码写的md5加密代码 使用方法: 在页面中引用md5.js,使用md5函数来加密字符串。 复制代码 代码如下: script src=md5.js/script script //alert(md5(admin)); doc