需要快速收录的请联系QQ:2303230985点击这里给我发消息
当前位置:搜123网站分类目录 » 站长资讯 » 优化推广 » 文章详细 订阅RssFeed

非常简单好用的一个数字滚动插件countUP

来源:互联网 浏览:209次 时间:2020-08-15
<!DOCTYPE html>    
<html lang="en">    
<head>    
<meta charset="utf-8">    
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>    
<script type="text/javascript" src="jquery.countUp.js"></script>    
</head>    
<style>    
.timer1{font-size: 15px;color: #c40f3a;font-weight: bold;margin-left: 50px;margin-top: 10px;}    
.timer2{font-size: 20px;color: #ffca08;font-weight: bold;margin-left: 50px;margin-top: 10px;}    
.timer3{font-size: 25px;color: #0099d2;font-weight: bold;margin-left: 50px;margin-top: 10px;}    
.timer4{font-size: 30px;color: #a3248f;font-weight: bold;margin-left: 50px;margin-top: 10px;}    
.timer5{font-size: 35px;color: #a6ce3a;font-weight: bold;margin-left: 50px;margin-top: 10px;}    
.timer6{font-size: 40px;color: #f00f00;font-weight: bold;margin-left: 50px;margin-top: 10px;}    
</style>    
<body>    
<div class="timer timer1">12.12</div>    
<div class="timer timer2">18362.86</div>    
<div class="timer timer3">0.36</div>    
<div class="timer timer4">614.80</div>    
<div class="timer timer5">11.36</div>    
<div class="timer timer6">2123655255888.86</div>    
</body>    
<script type="text/javascript">    
<!--    
//调用案例,需要在被调用的标签内 写上最终的数值    
jQuery(function($) {    
$(".timer").countTo({    
lastSymbol:" %", //显示在最后的字符    
from: 0,  // 开始时的数字    
speed: 2000,  // 总时间    
refreshInterval:100,  // 刷新一次的时间    
beforeSize:0, //小数点前最小显示位数,不足的话用0代替    
decimals: 2,  // 小数点后的位数,小数做四舍五入    
onUpdate: function() {    
},  // 更新时回调函数    
onComplete: function() {    
for(i in arguments){    
//console.log(arguments[i]);    
}    
}    
});    
});    
//-->    
</script>    
</html>

最新点入

  • 全球網址提交網全球網址提交網

    全球網址提交網是全免費的網址提交目錄,收錄國內外、各行業優秀網站,為用戶提供全面的網站分類目錄網站、優秀網站參攷、友情連結交換平臺、網站推廣服務國內免費的網站提交入口(www.urlglobalsubmit.com)。

    www.urlglobalsubmit.com
  • 国际电子商务网国际电子商务网

    欢迎访问国际电子商务网,这里有各行业信息网/B2B电子商务网站,是最方便的免费网络推广平台,已成为无数商家网络营销/网络推广的首选网站!

    www.intbtb.com
  • 超级网站目录超级网站目录

    超级网站目录全人工编辑的专业分类目录网站,收录各行业优秀网站,旨在为用户提供网站分类目录检索,优秀网站参考,网站推广服务,网站页面査询,网站提交等服务!是站长喜爱的网站分类目录网站,专业的开放分类目录!

    www.superdirectorycn.com
  • 目录帮目录帮

    目录帮网站目录【www.mulubang.com】是一个免费提交网站目录的分类检索网站,全程人工编辑和审核,收录正规、优秀、草根、有价值的中文网站;目录帮,帮你成就网站价值。

    www.mulubang.com
  • 太康永兴锅炉太康永兴锅炉

    河南太康永兴锅炉公司在线提供蒸汽锅炉,燃气锅炉,热水锅炉,燃油气锅炉,承压锅炉,冷凝锅炉,生物质锅炉等产品图片展示售前服务

    www.ykglxs.com

推荐站点

  • 十二星座生肖网十二星座生肖网

    十二星座生肖网,提供星座、生肖、个性、开运方法、运势、配对、解梦以及命理分析、血型、算命、风水等星相生肖命理信息。

    www.12xzsx.com
  • 汇吃的汇吃的

    汇吃的是一个美食分享平台,是一个分享美食制作方法的地方,也有美食故事的分享,提供图文菜谱大全,享受美食的乐趣,找美食菜谱,就上汇吃的。

    www.huichide.com
  • 中国天气网中国天气网

    中国天气网官方权威发布天气预报,逐三小时天气预报,提供天气预报查询一周,天气预报15天查询,空气质量,生活指数,旅游出行,交通天气等查询服务

    www.weather.com.cn
  • 520设计网520设计网

    520设计-中国网页平面设计师交流平台,专为酷爱网页设计、界面设计的你而倾力打造。拥有设计视频教程、网页模板、设计素材、CSS3+HTML5、网页平面设计视频教程、设计师网址导航等相关内容,它将成为你设计路上的一位好伙伴!

    www.sj520.cn
  • 天极网天极网

    天极网,全球最大的中文IT门户,专注IT产品采购及应用指南,每天为广大用户提供电脑硬件,软件,数码,商情,手机,笔记本,游戏,互联网,数字家庭,教育,下载等内容,解决网友工作学习中的技术疑难,指导数字科技消费,领引时尚生活潮流.

    www.yesky.com