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 相关文章推荐
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
JQuery fileupload插件实现文件上传功能
Mar 18 Javascript
Javascript字符串常用方法详解
Jul 21 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
微信小程序 slider 详解及实例代码
Jan 10 Javascript
微信小程序表单弹窗实例
Jul 19 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
Jun 11 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
Aug 06 Javascript
原生js实现照片墙效果
Oct 13 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的引用计数机制
2013/06/14 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
实例详解PHP中html word 互转的方法
2016/01/28 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
2010/05/31 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
jtable列中自定义button示例代码
2013/11/21 Javascript
Javascript基础教程之if条件语句
2015/01/18 Javascript
JavaScript中Function函数与Object对象的关系
2015/12/17 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
AngularJs Modules详解及示例代码
2016/09/01 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
[36:17]DOTA2上海特级锦标赛 - VGL音乐会全集
2016/03/06 DOTA
python self,cls,decorator的理解
2009/07/13 Python
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
Python实现Linux下守护进程的编写方法
2014/08/22 Python
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
解决python 输出是省略号的问题
2018/04/19 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
Python 硬币兑换问题
2019/07/29 Python
TensorFlow tf.nn.conv2d实现卷积的方式
2020/01/03 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
2020/02/28 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
HTML5的自定义属性data-*详细介绍和JS操作实例
2014/04/10 HTML / CSS
日语求职信范文
2013/12/17 职场文书
教师自我剖析材料
2014/09/29 职场文书
颐和园导游词400字
2015/01/30 职场文书
医生个人年度总结
2015/02/28 职场文书
2015年入党积极分子评语
2015/03/26 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
2016年教师节感言
2015/12/09 职场文书
《颐和园》教学反思
2016/02/19 职场文书
python实现监听键盘
2021/04/26 Python
Python如何导出导入所有依赖包详解
2021/06/08 Python