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 toFixed() 方法
Apr 15 Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 Javascript
JS实现slide文字框缩放伸展效果代码
Nov 05 Javascript
浅谈Node.js:Buffer模块
Dec 05 Javascript
利用js+css+html实现固定table的列头不动
Dec 08 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
Sep 19 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
Aug 17 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
vue实现信息管理系统
May 30 Javascript
如何在vue中使用jointjs过程解析
May 29 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和ACCESS写聊天室(二)
2006/10/09 PHP
ThinkPHP实现将本地文件打包成zip下载
2014/06/26 PHP
php计算整个目录大小的方法
2015/06/01 PHP
javascript背投广告代码的完善
2008/04/08 Javascript
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
asm.js使用示例代码
2013/11/28 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
js数字转换为float,取N位小数
2014/02/08 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
js判断手机和pc端选择不同执行事件的方法
2015/01/30 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
vue组件挂载到全局方法的示例代码
2018/08/02 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
改进Django中的表单的简单方法
2015/07/17 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
Python图像滤波处理操作示例【基于ImageFilter类】
2019/01/03 Python
Python给图像添加噪声具体操作
2019/03/03 Python
Python math库 ln(x)运算的实现及原理
2019/07/17 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
python中upper是做什么用的
2020/07/20 Python
Python排序函数的使用方法详解
2020/12/11 Python
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
中东奢侈品市场:Coveti
2019/05/12 全球购物
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
2016高校自主招生自荐信范文
2016/01/28 职场文书
小学思想品德教学反思
2016/02/24 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
导游词之山东八大关
2019/12/18 职场文书
python字符串的多行输出的实例详解
2021/06/08 Python
webpack的移动端适配方案小结
2021/07/25 Javascript