手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现点击页面计算点击次数
jquery实现点击页面计算点击次数
摘要:代码很简单,这里就不多废话了,直接奉上:复制代码代码如下:$(function(){varw=0,tip=$("");tip.css({"z...

代码很简单,这里就不多废话了,直接奉上:

复制代码 代码如下:

$(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实现首页图片淡入淡出效果的方法

jQuery实现不断闪烁文字的方法

js实现点击链接后延迟3秒再跳转的方法

jquery实现弹出层效果实例

jQuery的Scrollify插件实现滑动到页面下一节点

jquery实现的判断倒计时是否结束代码

jQuery插件支持同一页面被多次调用

jQuery插件jRumble实现网页元素抖动

jquery实现用户打分评分特效

jQuery实现返回顶部效果的方法

精品推荐
分类导航