jquery实现点击页面计算点击次数
网络编程 2021-07-04 21:47www.168986.cn编程入门
这篇文章主要给大家分享了一段使用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",:y-15,left:x,opacity:1//定位显示
}).s(!0,!1).animate({//s(sAll,goToEnd),如果发生多次点击时,要停止上一个动画的执行
:y-180,opacity:0},800,function(){
tip.hide()
}),
e.sPropagation()
});
});
代码就到这里了,希望小伙伴们喜欢。
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指