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 相关文章推荐
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
JavaScript中5种调用函数的方法
Mar 12 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
JavaScript实现cookie的写入、读取、删除功能
Nov 05 Javascript
js实现图片缓慢放大缩小效果
Aug 02 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
Aug 08 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
JavaScript模板引擎Template.js使用详解
Dec 15 Javascript
AngularJS service之select下拉菜单效果
Jul 28 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中的实现trim函数代码
2007/03/19 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
PHP实现定时执行任务的方法
2014/10/05 PHP
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
php实现的XML操作(读取)封装类完整实例
2017/02/23 PHP
PHP实现倒计时功能
2020/11/16 PHP
Javascript中的相等与不等运算
2010/04/25 Javascript
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
javascript:void(0)的作用示例介绍
2013/10/28 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
论JavaScript模块化编程
2016/03/07 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
Js逆向实现滑动验证码图片还原的示例代码
2020/03/10 Javascript
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python函数形参用法实例分析
2015/08/04 Python
Python基于正则表达式实现文件内容替换的方法
2017/08/30 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
python GUI库图形界面开发之PyQt5时间控件QTimer详细使用方法与实例
2020/02/26 Python
Python按照list dict key进行排序过程解析
2020/04/04 Python
为什么是 Python -m
2020/06/19 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
plt.figure()参数使用详解及运行演示
2021/01/08 Python
css3 边框、背景、文本效果的实现代码
2018/03/21 HTML / CSS
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
小学教师学期末自我评价
2013/09/25 职场文书
幼儿园大班毕业教师寄语
2014/04/03 职场文书
关于建议书的格式范文
2014/05/20 职场文书
企业文化标语大全
2014/06/10 职场文书
领导班子“四风问题”“整改方案
2014/10/02 职场文书
MySQL8.0.18配置多主一从
2021/06/21 MySQL