欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery编程开发实现点击页面计算点击次数

程序员文章站 2023-10-10 16:13:46
代码很简单,这里就不多废话了,直接奉上: 代码如下: $(function(){       var w=0,tip=...

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

代码如下:


$(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()
      });
});