<div class="num_box"> <div class="num"></div> <div class="num"></div> <div class="num"></div> <div class="num"></div> </div>
需要几位数滚动,就写几个
<div class="num"></div>
js中可以设置滚动数字的上限和下限
function numRand() { var x = 9999; //上限 var y = 1111; //下限 var rand = parseInt(Math.random() * (x - y + 1) + y); return rand; }
博主,怎呢控制时间的长短?而且我们0-9的数字图片也按比例的缩小了,现在是数字不能在正中间显示?还有 var u = 265; backgroundPositionY: (u*60) - (u*num_arr[index])?? 可以解释一下为什么要这么用吗??
怎么控制时间的长短呢?
感谢分享,火狐不兼容的原因是因为jquery animate对backgroundPosition支持不好造成的。backgroundPositionY这种写法chorme支持,但是FF不支持有两个解决方案:
添加支持animate background的jq插件
改变下布局结构,在数字外层包裹一个只显示一个数字高度的div,内层定位一个包含数字背景图片的div,移动内层div的top值,让外层显示对应的数字即可。