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 相关文章推荐
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
JS操作Cookies包括(读取添加与删除)
Dec 26 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
javascript将异步校验表单改写为同步表单
Jan 27 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
JS 全屏和退出全屏详解及实例代码
Nov 07 Javascript
js简易版购物车功能
Jun 17 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
vue将时间戳转换成自定义时间格式的方法
Mar 02 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
vue+node 实现视频在线播放的实例代码
Oct 19 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下10件你也许并不了解的事情
2008/09/11 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
浅谈Laravel模板实体转义带来的坑
2019/10/22 PHP
让IE8支持DOM 2(不用框架!)
2009/12/31 Javascript
基于JQuery的日期联动实现代码
2011/02/24 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
2011/04/28 Javascript
node.js中的path.resolve方法使用说明
2014/12/08 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
js手机号批量滚动抽奖实现代码
2020/04/17 Javascript
详解nodejs的express如何自动生成项目框架
2017/07/12 NodeJs
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
Three.js基础学习之场景对象
2017/09/27 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
vant组件中 dialog的确认按钮的回调事件操作
2020/11/04 Javascript
Python3遍历目录树实现方法
2015/05/22 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
python多线程扫描端口(线程池)
2019/09/04 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
Simons官方网站:加拿大时尚零售商
2020/02/20 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
高中教师评语大全
2014/04/25 职场文书
新农村建设标语
2014/06/24 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
父亲节寄语大全
2015/02/27 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers