jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)
更新時(shí)間：2015年01月23日 11:17:51 投稿：hebedich
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)的代碼，非常實(shí)用，有需要的小伙伴參考下。
代碼很簡單，這里就不多廢話了，直接奉上：
復(fù)制代碼 代碼如下:
$(function(){
var w=0,tip=$("<b>");
tip.css({
"z-index":99999,position:"absolute",color:"red",display:"none"
}),
$("body").append(tip),//頁面創(chuàng)建b標(biāo)簽用來顯示數(shù)字
$(document).on("click",function(e){
var x=e.pageX,y=e.pageY;//獲取點(diǎn)擊頁面坐標(biāo)
tip.text("+"+ ++w).css({//數(shù)字加1
display:"block",top:y-15,left:x,opacity:1//定位顯示
}).stop(!0,!1).animate({//stop(stopAll,goToEnd),如果發(fā)生多次點(diǎn)擊時(shí)，要停止上一個(gè)動(dòng)畫的執(zhí)行
top:y-180,opacity:0},800,function(){
tip.hide()
}),
e.stopPropagation()
});
});
代碼就到這里了，希望小伙伴們喜歡。
相關(guān)文章
jQuery實(shí)現(xiàn)的簡潔下拉菜單導(dǎo)航效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡潔下拉菜單導(dǎo)航效果代碼,通過簡單的自定義函數(shù)實(shí)現(xiàn)頁面樣式切換功能,非常簡潔實(shí)用,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jquery手風(fēng)琴特效插件,效果非常棒，需要的朋友可以參考下2015-02-02
JQuery 簡便實(shí)現(xiàn)頁面元素?cái)?shù)據(jù)驗(yàn)證功能
JQuery 簡便實(shí)現(xiàn)頁面元素?cái)?shù)據(jù)驗(yàn)證功能...2007-03-03
JQuery用戶名校驗(yàn)的具體實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了JQuery用戶名校驗(yàn)的具體實(shí)現(xiàn)，感興趣的小伙伴們可以參考一下2016-03-03
jQuery Autocomplete簡介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了jQuery Autocomplete簡介，jQuery UI Autocomplete是jQuery UI的自動(dòng)完成組件，是我用過的最強(qiáng)大、最靈活的Autocomplete，它支持本地的Array/JSON數(shù)組、通過ajax請求的Array/JSON數(shù)組、JSONP、以及Function(最靈活)等方式來獲取數(shù)據(jù)2017-07-07
jquery操作checkbox實(shí)現(xiàn)全選和取消全選
這篇文章主要介紹了jquery操作checkbox實(shí)現(xiàn)全選和取消全選,需要的朋友可以參考下2014-05-05
jQuery旋轉(zhuǎn)插件jqueryrotate用法詳解
這篇文章主要介紹了jQuery旋轉(zhuǎn)插件jqueryrotate用法,結(jié)合實(shí)例形式詳細(xì)分析了jqueryrotate插件的功能、定義及相關(guān)參數(shù)的使用方法,需要的朋友可以參考下2016-10-10
JavaScript的jQuery庫中ready方法的學(xué)習(xí)教程
這篇文章主要介紹了JavaScript的jQuery庫中ready方法的學(xué)習(xí)教程,包括ready的相關(guān)簡短寫法,rally cool,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)左右輪播切換效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
jquery radio的取值_radio的選中_radio的重置方法
下面小編就為大家?guī)硪黄猨query radio的取值_radio的選中_radio的重置方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09