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 相关文章推荐
jquery 触发a链接点击事件解决方案
May 02 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
Bootstrap每天必学之弹出框(Popover)插件
Apr 25 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
JavaScript反射与依赖注入实例详解
May 29 Javascript
layer.js open 隐藏滚动条的例子
Sep 05 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 Javascript
js 实现Material UI点击涟漪效果示例
Sep 23 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过滤危险html代码的函数
2008/07/22 PHP
简要剖析PHP的Yii框架的组件化机制的基本知识
2016/03/17 PHP
PHP多进程简单实例小结
2019/11/09 PHP
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
浅谈Javascript数组索引
2015/07/29 Javascript
js控住DOM实现发布微博效果
2016/08/30 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
纯JS实现可用于页码更换的飞页特效示例
2018/05/21 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
Node.js EventEmmitter事件监听器用法实例分析
2019/01/07 Javascript
[01:45:05]VGJ.T vs Newbee Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
python实现删除文件与目录的方法
2014/11/10 Python
python映射列表实例分析
2015/01/26 Python
Python的Flask框架与数据库连接的教程
2015/04/20 Python
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
Python os模块学习笔记
2015/06/21 Python
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
python调用Delphi写的Dll代码示例
2017/12/05 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
20行Python代码实现视频字符化功能
2020/04/13 Python
Django 用户登陆访问限制实例 @login_required
2020/05/13 Python
Django框架请求生命周期实现原理
2020/11/13 Python
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
英国健身专家:WIT Fitness
2021/02/09 全球购物
班级体育活动总结
2014/07/05 职场文书
道路运输企业安全生产责任书
2014/07/28 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
培训督导岗位职责
2015/04/10 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL