jquery实现点击页面计算点击次数_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()
      });
});

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

时间: 2024-09-10 05:01:19

jquery实现点击页面计算点击次数_jquery的相关文章

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"

jQuery使用之处理页面元素用法实例_jquery

本文实例讲述了jQuery使用之处理页面元素用法.分享给大家供大家参考.具体分析如下: 对于页面的元素,在DOM编程中可以通过各种查询.修改手段进行管理,非常麻烦.jQuery提供了一整套的方法来处理页面的元素.包括元素的内容.复制.移动和替换等.这里将介绍一些常用的内容. 1.直接获取.编辑内容. 在jQuery中,主要是通过html()和text()两个方法来获取和编辑页面的内容.其中html()相当于获取节点的innerHTML属性,添加参数html(text),则为设置innerHtml

jQuery实现点击页面获得当前点击元素的id

 点击页面获得当前点击元素的id或者其他信息,使用jquery可以轻松做到这一点,下面有个不错的示例,希望对大家有所帮助 代码如下: $(document).click(function (e) {  var v_id = $(e.target).attr('id');  }    复制代码 代码如下: $(e.target)    得到了当前元素 可以的要标签名,name等你想要的属性 可以控制点击哪写标签触发事件    js判断字串是否包含另一个字串    "ssssddd".in

由点击页面其它地方隐藏div所想到的jQuery的delegate_jquery

先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div: 复制代码 代码如下: <div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;">         </div> 对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看JavaScr

jquery点击页面任何区域实现鼠标焦点十字效果_jquery

系统开发时很多地方需要有焦点效果,例如:鼠标点击聚焦,地图定位,在图片上突出显示,焦点定位页面元素. 本小功能通过jquery和graphics二次开发,实现通过鼠标点击页面任何区域,聚焦当前点击位置.适用于页面任何元素的位置效果. 首先引入jquery引擎包:jquery-1.4.2.min.js和graphics.js 源码下载地址 编写实现效果js文件,qfocus.js,源码如下: 复制代码 代码如下: var qfocus = { config:{ "bar_dis":tru

如何在页面点击某一列列名进行排序

问题描述 如何在页面点击某一列列名进行排序 从数据库中查询到的数据在jsp页面中表示,第一行列出所要显示的字段,从第二行起显示查询到的数据,可能有多页. 现在的要求是:点击字段行,所有的数据按升序(或者降序)排序,再次点击,所有的数据按降序(或者升序)排序. 解决方案 你可以使用 jquery.dataTables.js 这个插件来做. 解决方案二: 没得必要将数据在传回后台进行排序,js就可以完成排序的. 解决方案三: 获取整列的数据 var c = ""; $('#tab tr')

jQuery中iframe的操作(点击按钮新增窗口)_jquery

<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分. 今天遇到一个问题:怎样实现点击一个按钮,在当前的页面上新增加一个小窗口,展示一个图片信息? 如下图所示: 点击之前: 单击之后: 分析:要使新增的小窗口不影响父页面,我们这里采用iframe的框架的技术. [<iframe>也应该是框架的一种形式,它与<frame>不同的是,iframe可以嵌在网页中的任意部分.] 实现是思路:(1)在按钮的上添加一个

jquery特效 点击展示与隐藏全文_jquery

本文实例讲述了jquery点击展示与隐藏全文特效,这里使用jquery实现展开.隐藏特效,点击查看全文后内容展开,点击收起全文其内容收缩,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下 一.来看一下主体框架程序: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>点击查看全文</title> <link type=&

jsp-JSP页面点击按钮转servlet处理,未能跳转

问题描述 JSP页面点击按钮转servlet处理,未能跳转 jsp的代码 servlet中的doPost方法String s1=request.getParameter(""num1""); String s2=request.getParameter(""num2""); int a=Integer.parseInt(s1); int b=Integer.parseInt(s2); int sum= a+b; request