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类后台管理菜单类-MenuSwitch
Sep 12 Javascript
javascript 自动转到命名锚记
Jan 10 Javascript
js封装的textarea操作方法集合(兼容很好)
Nov 16 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 Javascript
JS画线(实例代码)
Nov 20 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
Jun 19 Javascript
详解AngularJS 路由 resolve用法
Apr 24 Javascript
简单谈谈React中的路由系统
Jul 25 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
跟混乱的页面弹窗说再见
Apr 11 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
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
关于js内存泄露的一个好例子
2013/12/09 Javascript
Javascript学习笔记之数组的遍历和 length 属性
2014/11/23 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
2015/02/17 Javascript
JavaScript定时显示广告代码分享
2015/03/02 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
2016/02/25 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
js 实现一些跨浏览器的事件方法详解及实例
2016/10/27 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
PHP实现本地图片上传和验证功能
2017/02/27 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
2017/08/03 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
使用Python判断IP地址合法性的方法实例
2014/03/13 Python
浅析Python中signal包的使用
2015/11/13 Python
python中星号变量的几种特殊用法
2016/09/07 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
用python打印菱形的实操方法和代码
2019/06/25 Python
Python基于opencv的简单图像轮廓形状识别(全网最简单最少代码)
2021/01/28 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
耐克巴西官方网站:Nike巴西
2016/08/14 全球购物
ORACLE第二个十问
2013/12/14 面试题
MVC的各个部分都有那些技术来实现?如何实现?
2016/04/21 面试题
计算机开发个人求职信范文
2013/09/26 职场文书
小学生班会演讲稿
2014/01/09 职场文书
老龄工作先进事迹
2014/08/15 职场文书
法制教育演讲稿
2014/09/10 职场文书
小学优秀学生评语
2014/12/29 职场文书
SQL Server——索引+基于单表的数据插入与简单查询【1】
2021/04/05 SQL Server
JavaScript前端面试组合函数
2022/06/21 Javascript