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 For Beginners(转载)
Jan 05 Javascript
JavaScript入门教程(9) Document文档对象
Jan 31 Javascript
jQuery 剧场版 你必须知道的javascript
May 27 Javascript
js更优雅的兼容
Aug 12 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
jQuery旋转木马式幻灯片轮播特效
Dec 04 Javascript
详解webpack分离css单独打包
Jun 21 Javascript
JavaScript门面模式详解
Oct 19 Javascript
Vue 创建组件的两种方法小结(必看)
Feb 23 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
基于脚手架创建Vue项目实现步骤详解
Aug 03 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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
星际中一些鲜为人知的详细资料
2020/03/04 星际争霸
php二分法在IP地址查询中的应用
2008/08/12 PHP
PHP5.2下preg_replace函数的问题
2015/05/08 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
php实现上传图片文件代码
2015/07/19 PHP
Zend Framework入门教程之Zend_Config组件用法详解
2016/12/09 PHP
jQuery 打造动态渐变按钮 详细图文教程
2010/04/25 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
Js实现动态添加删除Table行示例
2014/04/14 Javascript
JavaScript中Object.prototype.toString方法的原理
2016/02/24 Javascript
js实现页面图片消除效果
2020/03/24 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
Python实现扫描局域网活动ip(扫描在线电脑)
2015/04/28 Python
详解Python的Django框架中的通用视图
2015/05/04 Python
python对json的相关操作实例详解
2017/01/04 Python
Python之文字转图片方法
2018/05/10 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
python实现简单银行管理系统
2019/10/25 Python
Python实现银行账户资金交易管理系统
2020/01/03 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
用什么库写 Python 命令行程序(示例代码详解)
2020/02/20 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
使用数据结构给女朋友写个Html5走迷宫游戏
2019/11/26 HTML / CSS
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
创意广告词
2014/03/17 职场文书
物业消防安全责任书
2014/07/23 职场文书
党委班子对照检查材料
2014/08/19 职场文书
检查机关党的群众路线个人整改措施
2014/10/04 职场文书
护士自荐信范文
2015/03/25 职场文书
2016特色励志班级口号
2015/12/24 职场文书