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代码，当访客要关闭网页时弹出挽留对话框，用户体验上差了一点，但是据统计访客停留率还是挺高的。 代码效果:
- 不错的医院页面挂号下拉效果
不错的医院页面挂号下拉效果，仅供参考。 效果截图：
- 移动端全屏滚动插件 zepto.fullpage.js
zepto.fullpage 是专注于移动端的 fullPag e.js ，依赖 Ze pto 。 下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述 可实现移动端的单页滚动效果，可自定义参数，提供回调接口，和公开接口。 兼容性 Ios4+ Andriod2.3+（未全部覆盖） 快速
- input输入框默认文本点击清空，无输入显示效果
网页上用到表单的地方经常会用到这样的效果，输入框中默认的情况下会有一段引导性的文字，当用户点击输入框的时候默认的文字会被情况，当输入框失去焦点并且用户没用输入内容的时候，再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的
- JS阻止浏览器返回代码
一段可以阻止浏览器返回的代码，今天无意打开了一个网站，发现怎么也返回不了，仔细研究了一下网站代码找到了无法返回的原因，于是将这段代码提取出来了。 仅供大家学习交流，请勿使用在自己的网站上，这算是一种比较流氓的行为。
随机推荐
- 关闭网页时弹出对话框JS代码
关闭网页时弹出对话框JS代码，当访客要关闭网页时弹出挽留对话框，用户体验上差了一点，但是据统计访客停留率还是挺高的。 代码效果:
- 不错的医院页面挂号下拉效果
不错的医院页面挂号下拉效果，仅供参考。 效果截图：
- 移动端全屏滚动插件 zepto.fullpage.js
zepto.fullpage 是专注于移动端的 fullPag e.js ，依赖 Ze pto 。 下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述 可实现移动端的单页滚动效果，可自定义参数，提供回调接口，和公开接口。 兼容性 Ios4+ Andriod2.3+（未全部覆盖） 快速
- input输入框默认文本点击清空，无输入显示效果
网页上用到表单的地方经常会用到这样的效果，输入框中默认的情况下会有一段引导性的文字，当用户点击输入框的时候默认的文字会被情况，当输入框失去焦点并且用户没用输入内容的时候，再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的
- JS阻止浏览器返回代码
一段可以阻止浏览器返回的代码，今天无意打开了一个网站，发现怎么也返回不了，仔细研究了一下网站代码找到了无法返回的原因，于是将这段代码提取出来了。 仅供大家学习交流，请勿使用在自己的网站上，这算是一种比较流氓的行为。