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