jquery实现点击页面计算点击次数
更新时间：2015年01月23日 11:17:51 投稿：hebedich
这篇文章主要给大家分享了一段使用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()
});
});
代码就到这里了，希望小伙伴们喜欢。
相关文章
这篇文章主要介绍了jQuery实现点击下拉框中的值累加到文本框中的方法,涉及jQuery事件绑定及页面元素属性动态获取与操作相关实现技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery动态生成bootstrap表格的相关资料,非常不错具有一定的参考借鉴价值，需要的朋友可以参考下2016-11-11
jquery插件丰富，很多都是很好用的，最近学习了一下如何制作jquery插件，发现jquery插件制作其实很简单，这里介绍一下。2010-06-06
jQuery Validation实例代码 让验证变得如此容易
众所周知，Jquery以其简洁性让无数人为之疯狂。现在我要像大家介绍一个jQuery Validation，一看到Validation大家肯定第一直观感觉就是这肯定是一个验证框架，没有错，本文就是基于jQuery Validation展开讨论。2010-10-10
这篇文章主要介绍了jQuery中的$是什么意思及 $. 和 $().的区别,需要的朋友可以参考下2018-04-04
分页控件需要向后台发送请求，发送的参数包括当前页，每页显示数量，查询条件；并且获取数据加载到当前页面2010-10-10
这篇文章主要为大家详细介绍了jQuery选择器之表单元素选择器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要介绍了jQuery validate插件功能与用法,结合实例形式详细分析了jQuery validate插件的功能、参数、使用方法与相关注意事项,需要的朋友可以参考下2016-12-12
相信大家都上过优酷吧，当你在看一个视频的时候，你想看看视频下面的评论，点击了第2页的评论，整个页面刷新，那么视频从头开始播放，相信这会被用户骂死的。2011-09-09
这篇文章主要介绍了jQuery实现将页面上HTML标签换成另外标签的方法,实例说明了两种实现html页面元素替换的技巧,需要的朋友可以参考下2015-06-06
最新评论