jquery實(shí)現(xiàn)點(diǎn)擊頁(yè)面計(jì)算點(diǎn)擊次數(shù)
更新時(shí)間:2015年01月23日 11:17:51 投稿:hebedich
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁(yè)面計(jì)算點(diǎn)擊次數(shù)的代碼,非常實(shí)用,有需要的小伙伴參考下。
代碼很簡(jiǎn)單,這里就不多廢話(huà)了,直接奉上:
復(fù)制代碼 代碼如下:
$(function(){
var w=0,tip=$("<b>");
tip.css({
"z-index":99999,position:"absolute",color:"red",display:"none"
}),
$("body").append(tip),//頁(yè)面創(chuàng)建b標(biāo)簽用來(lái)顯示數(shù)字
$(document).on("click",function(e){
var x=e.pageX,y=e.pageY;//獲取點(diǎn)擊頁(yè)面坐標(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)畫(huà)的執(zhí)行
top:y-180,opacity:0},800,function(){
tip.hide()
}),
e.stopPropagation()
});
});
代碼就到這里了,希望小伙伴們喜歡。
相關(guān)文章
jquery文字填寫(xiě)自動(dòng)高度的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery文字填寫(xiě)自動(dòng)高度的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11選擇TreeView控件的樹(shù)狀數(shù)據(jù)節(jié)點(diǎn)的JS方法(jquery)
前些日子為了提高人性化選擇樹(shù)狀權(quán)限的功能,根據(jù)樹(shù)的結(jié)構(gòu)用jquery寫(xiě)了個(gè)方法。2010-02-02jquery選擇器排除某個(gè)DOM元素的方法(實(shí)例演示)
這篇文章主要介紹了jquery選擇器排除某個(gè)DOM元素的方法,也就是在選中的一些元素中,過(guò)濾一些不需要的,使用jquery not選擇器實(shí)現(xiàn),需要的朋友可以參考下2014-04-04基于jQuery實(shí)現(xiàn)的仿百度首頁(yè)滑動(dòng)選項(xiàng)卡效果代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的仿百度首頁(yè)滑動(dòng)選項(xiàng)卡效果代碼,涉及jQuery響應(yīng)鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素動(dòng)態(tài)變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11jQuery實(shí)現(xiàn)的記住帳號(hào)密碼功能完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的記住帳號(hào)密碼功能,結(jié)合完整實(shí)例形式分析了jQuery使用jquery.cookie.js插件記錄用戶(hù)信息相關(guān)操作技巧,需要的朋友可以參考下2019-08-08