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实现的简洁下拉菜单导航效果代码,通过简单的自定义函数实现页面样式切换功能,非常简洁实用,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jquery手风琴特效插件,效果非常棒，需要的朋友可以参考下2015-02-02
JQuery 简便实现页面元素数据验证功能...2007-03-03
这篇文章主要为大家详细介绍了JQuery用户名校验的具体实现，感兴趣的小伙伴们可以参考一下2016-03-03
jQuery Autocomplete简介_动力节点Java学院整理
这篇文章主要介绍了jQuery Autocomplete简介，jQuery UI Autocomplete是jQuery UI的自动完成组件，是我用过的最强大、最灵活的Autocomplete，它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据2017-07-07
这篇文章主要介绍了jquery操作checkbox实现全选和取消全选,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery旋转插件jqueryrotate用法,结合实例形式详细分析了jqueryrotate插件的功能、定义及相关参数的使用方法,需要的朋友可以参考下2016-10-10
JavaScript的jQuery库中ready方法的学习教程
这篇文章主要介绍了JavaScript的jQuery库中ready方法的学习教程,包括ready的相关简短写法,rally cool,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了jquery实现左右轮播切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
jquery radio的取值_radio的选中_radio的重置方法
下面小编就为大家带来一篇jquery radio的取值_radio的选中_radio的重置方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
最新评论