<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{background-color: #272727}
h2{text-align: center;color: #D7D7D7}
.box{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.count{
width: 200px;
height: 200px;
background-color: #0093FF;
color: #FFFFFF;
font-size: 36px;
line-height: 200px;
text-align: center;
border-radius: 50%;
font-family: "Arial Black";
}
</style>
</head>
<body>
<h2>基于jQuery实现的数字滚动插件</h2>
<div class="box">
<div class="count"></div>
</div>
<script type="text/javascript" src="js/jquery.min.js" tppabs="http://www.17sucai.com//preview/776331/2017-12-21/count/js/jquery.min.js"></script>
<script type="text/javascript" src="js/count.js" tppabs="http://www.17sucai.com//preview/776331/2017-12-21/count/js/count.js"></script>
<script type="text/javascript">
$(function(){
$(".count").numberRock({
lastNumber:666,
duration:5000,
easing:'swing', //慢快慢
});
});
</script>
</body>
</html>