html数字滚动特效_js100个经典实例

前端 (3) 2024-06-30 17:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
html数字滚动特效_js100个经典实例,希望能够帮助你!!!。

html数字滚动特效_js100个经典实例_https://bianchenghao6.com/blog_前端_第1张

 

使用该插件需要引入:

<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()

 

 

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

下一篇

已是最新文章

发表回复