jquery实现点击页面计算点击次数
作者：hebedich 发布时间：2024-04-16 10:33:17
标签：jquery,点击次数
代码很简单，这里就不多废话了，直接奉上：
$(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()
});
});
代码就到这里了，希望小伙伴们喜欢。
0
投稿猜你喜欢
- 最近写了一些python3程序，四处能看到bytes类型，而它并不存在于python2中，这也是python3和python2显著区别之一。
什么是树表查询？借助具有特殊性质的树数据结构进行关键字查找。本文所涉及到的特殊结构性质的树包括：二叉排序树。 平衡二叉树。使用上述树结构存储- 这个问题是py2和py3兼容性的问题在py2中，判断key是否属于dict的写法可以是：d={'name':'abc
- 一、现象最近在数据库中删除了一张表，重新执行python manage.py migrate时出错，提示不存在这张表。通过查找相关的资料，最
- 本文实例为大家分享了vue无缝滚动组件vue-seamless-scroll的具体实现代码，供大家参考，具体内容如下下载cnpm i -S
- 可迭代对象和迭代器迭代（iterate）意味着重复，就像 for 循环迭代序列和字典那样，但实际上也可使用 for 循环迭代其他对象：实现了
- 如下所示：from win32com.client import constantsimport osimport win32com.cli
- 【简 介】熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在
- 文件的介绍什么是文件？如图展示：使用文件的目的：保存数据存放在磁盘，把一些存储存放起来，可以让程序下一次执行的时候直接使用，而不必重新制作一
- 前言：列表元素能增加就可以删除，这篇文章介绍几种增加元素的方法，虽然都是增加但是也有所不同，这里介绍的删除列表元素的方法也是一样，下面就来演
- 1.limit函数的语法和用法（1）常用且简单的语法和用法①语法：limit n 即limit <参数>具体语法：select
- 高级加密标准（英语：Advanced Encryption Standard，缩写：AES），在密码学中又称Rijndael加密法，是美国联
- 最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个iframe,需求是,点击上面的主导航时,左侧iframe
- 在本篇文章中，我们将探讨如何使用YOLOv5车牌识别系统开发一个Web应用，以及如何创建一个车牌识别API供其他开发者使用。我们将介绍Fla
- 循环是我们经常用到的一个概念，比如，循环计算数字叠加、循环输出文字内容等。循环是运行重复内容的一个最简单的方法，简化了代码流程，增加了时效性
- 前言lambda是表达式，用于创建匿名函数，可以和filter、map、reduce配合使用。本文环境Python3.7。一、lambda表
- scapy是python写的一个功能强大的交互式数据包处理程序，可用来发送、嗅探、解析和伪造网络数据包，常常被用到网络攻击和测试中。这里就直
- 关于保存h5模型、权重网上的示例非常多，也非常简单。主要有以下两个函数：1、keras.models.load_model() 读取网络、权
- 当在设计中我们讨论到，对于一个功能或元素是否应该添加的时候，秉承“如无所需、勿增实体”的原则，我们通常会放弃只有小众/小部分人群才会使用的功
- 引言在Scrapy中，在很多种情况下，需要一层层地进行爬取网页数据，就是基于url爬取网页，然后在从网页中提取url，继续爬取，循环往复。本
