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> 相关文章
- nTabs纯JS实现的标签切换功能代码
nTabs纯JS实现的标签切换功能代码,使用非常方便。
- 假404效果代码
假404效果代码,使用frameset框架覆盖原网页内容,实现网页打不开的假象,直接在网站头部引用404.js即可。 代码下载: 假404效果代码 效果截图:
- JS网页标题滚动效果实现代码
JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。
- 最新获取网站访客QQ接口代码-20141015
分析某网站得到的一枚获取访客QQ的接口,原理和以前的一样jsonp 不废话,直接上代码,不懂的直接百度,这种技术应该早就烂大街了。 详细接口及利用代码: 复制代码 代码如下: script type=text/javascript function getQQ(data){ if(data.uin != 0){ alert(
- Bcastr3.0详细使用教程
Bcastr 3.0 beta flash 通用的图片浏览器 bcastr3.0 beta 是一款通用的图片浏览器 可以用于各种新闻系统或者blog系统 .可以读取xml设置播放列表,自定义xml地址 .可以将图片地址直接写网页中直接,不需要xml .自动适应图片大小 .循环播放,自定义自动播放时间
随机推荐
- nTabs纯JS实现的标签切换功能代码
nTabs纯JS实现的标签切换功能代码,使用非常方便。
- 假404效果代码
假404效果代码,使用frameset框架覆盖原网页内容,实现网页打不开的假象,直接在网站头部引用404.js即可。 代码下载: 假404效果代码 效果截图:
- JS网页标题滚动效果实现代码
JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。
- 最新获取网站访客QQ接口代码-20141015
分析某网站得到的一枚获取访客QQ的接口,原理和以前的一样jsonp 不废话,直接上代码,不懂的直接百度,这种技术应该早就烂大街了。 详细接口及利用代码: 复制代码 代码如下: script type=text/javascript function getQQ(data){ if(data.uin != 0){ alert(
- Bcastr3.0详细使用教程
Bcastr 3.0 beta flash 通用的图片浏览器 bcastr3.0 beta 是一款通用的图片浏览器 可以用于各种新闻系统或者blog系统 .可以读取xml设置播放列表,自定义xml地址 .可以将图片地址直接写网页中直接,不需要xml .自动适应图片大小 .循环播放,自定义自动播放时间