jquery实现点击页面计算点击次数_Javascript教程-查字典教程网
jquery实现点击页面计算点击次数
jquery实现点击页面计算点击次数
发布时间:2016-12-30 来源:查字典编辑
摘要:代码很简单,这里就不多废话了,直接奉上:复制代码代码如下:$(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()

});

});

代码就到这里了,希望小伙伴们喜欢。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类