Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
html数字滚动特效_js100个经典实例,希望能够帮助你!!!。
使用该插件需要引入:
<link rel="stylesheet" href="http://github.hubspot.com/odometer/themes/odometer-theme-car.css" /> <script src="http://github.hubspot.com/odometer/odometer.js"></script>
另外官方提供了几个其他主题样式如:
odometer-theme-default.css等
最简单的使用:
<div id="my_odometer" class="odometer">0</my_odometer> <script> //滚动数字 setTimeout(function(){ my_odometer.innerHTML = 26004; }, 500); </script>
也可以自定义使用:
var el = document.querySelector('.my_odometer'); od = new Odometer({ el: el, value: '00000000', duration: 1000, // Any option (other than auto and selector) can be passed in here format: '(,ddd).dd', theme: 'default', animation: 'count' }); od.update()
今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。
上一篇
下一篇
已是最新文章