欢迎访问！ 2024年4月24日星期四当前位置 : 首页 » JS+jQuery »在页面上单击时，出现积分的特效

在页面上单击时，出现积分的特效

2014-01-14 08:01 6488 次阅读分类: JS+jQuery, XHTML+CSS, 前端相关 3 条评论

在页面上单击时，出现积分的特效

免打扰阅读

在页面上单击时，出现积分的特效:类似百度赞加一，google+ +1 的效果。在别人博客中无意中看到的，感觉有点意思，具体效果直接在本页随意位置鼠标单击，即可看到！！

<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>

提示：你可以先修改部分代码再运行。

快速留言：

6489

上一篇： js实时输出年月日时分秒 下一篇： 新年倒计时，定时开启新年烟花效果

作者: phpvar

快速找到本文的关键字：google+ +1 百度赞+1

微信打赏

支付宝打赏

作者其它文章:

2021年01月14日 wordpress后台编辑器无法正常切换至“可视化”编辑模式(2)
2012年01月14日 Dreamweaver错误：以下翻译器没有被装载，由于错误: coldfusion.htm:有不正确的设置信息(0)

你可能会喜欢...

3条评论( 网友:2 条,站长:1 条 ) 网友评论{有您的评论更精彩....}

(*必填)

(*必填)

(选填)

[ 请确保填写正确的邮箱地址，您的留言审核通过会收到邮件通知！ ]

粘贴图片链接

CAPTCHAis initialing...

有人回复时邮件通知我

西班牙超模 2015/10/08 下午 4:09

#-24
tiandi 2014/01/16 上午 10:23

好吧，就等这个。。。

#-23
- phpvar 2014/01/16 下午 12:35
  
  tiandi兄，烟花效果借来用下，哈哈

网站信息

文章数：636 篇
评论数：2671 条
标签数：1391 个
页面数：7 个
友链数：6 条
用户数：13107 位
共运行：4542 天
建站日期:2011.11.17
最近更新:2023.11.7
注册
登录

粤ICP备20056750号

Copyright © 2011-2023 Phpvar's Blog . All Rights Reserved.

基于 WordPress 技术创建页面载入耗时 0.890 秒，共执行 109 条查询 |