jquery实现点击页面计算点击次数


Posted in Javascript onJanuary 23, 2015

代码很简单,这里就不多废话了,直接奉上:

$(function(){

      var w=0,tip=$("<b>");

      tip.css({

   "z-index":99999,position:"absolute",color:"red",display:"none"

              }),

      $("body").append(tip),//页面创建b标签用来显示数字

      $(document).on("click",function(e){

            var x=e.pageX,y=e.pageY;//获取点击页面坐标

            tip.text("+"+ ++w).css({//数字加1

              display:"block",top:y-15,left:x,opacity:1//定位显示

            }).stop(!0,!1).animate({//stop(stopAll,goToEnd),如果发生多次点击时,要停止上一个动画的执行

                              top:y-180,opacity:0},800,function(){

                                        tip.hide()

                                    }),

            e.stopPropagation()

      });

});

代码就到这里了,希望小伙伴们喜欢。

Javascript 相关文章推荐
第一个JavaScript入门基础 document.write输出
Feb 22 Javascript
IE6不能修改NAME问题的解决方法
Sep 03 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
Jan 17 Javascript
理解jQuery stop()方法
Nov 21 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
jQuery实现表格展开与折叠的方法
May 04 Javascript
JavaScript Math.round() 方法
Dec 18 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
Dec 10 Javascript
js中如何完美的解析数据
Mar 18 Javascript
vue父子组件间引用之$parent、$children
May 20 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 #Javascript
PHP实现的各种中文编码转换类分享
Jan 23 #Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 #Javascript
PHPExcel中的一些常用方法汇总
Jan 23 #Javascript
jQuery操作DOM之获取表单控件的值
Jan 23 #Javascript
使用angular写一个hello world
Jan 23 #Javascript
Javascript中的几种URL编码方法比较
Jan 23 #Javascript
You might like
PHP操作文件方法问答
2007/03/16 PHP
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
深入PHP curl参数的详解
2013/06/17 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
JavaScript 指导方针
2007/04/05 Javascript
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
jQuery找出网页上最高元素的方法
2015/03/20 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
js弹出对话框方式小结
2015/11/17 Javascript
jquery获取点击控件的绝对位置简单实例
2016/10/13 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
利用nodejs监控文件变化并使用sftp上传到服务器
2017/02/18 NodeJs
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
vue.js删除列表中的一行
2018/06/30 Javascript
从源码角度来回答keep-alive组件的缓存原理
2021/01/18 Javascript
[51:28]EG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/16 DOTA
Python 连连看连接算法
2008/11/22 Python
一波神奇的Python语句、函数与方法的使用技巧总结
2015/12/08 Python
python中的编码知识整理汇总
2016/01/26 Python
Python基于pillow判断图片完整性的方法
2016/09/18 Python
python登录并爬取淘宝信息代码示例
2017/12/09 Python
使用python3实现操作串口详解
2019/01/01 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
增大python字体的方法步骤
2020/07/05 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
2013届毕业生求职信范文
2013/11/20 职场文书
南湾猴岛导游词
2015/02/09 职场文书
社区端午节活动总结
2015/02/11 职场文书
五星红旗迎风飘扬观后感
2015/06/17 职场文书
python 算法题——快乐数的多种解法
2021/05/27 Python
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python