roll-num v1.1.0

基于jquery 的数字滚动

HTML

<div id="datanums"></div>

js调用

$("#datanums").rollnum({ deval: 21, //设置值 digit: 4, //设置显示4位数 classname: 'test' //设置样式名称 });

通用css

// 数字滚动css start
.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal}.dataNums{position:absolute;margin-top:4px}.dataNums .dataOne{width:18px;height:40px;text-align:center}.dataNums .dataBoc{position:relative;width:100%;height:100%;overflow:hidden}.dataNums .dataBoc .tt{position:absolute;top:0;left:0;width:100%;height:100%}.dataNums .tt span{width:100%;height:100%;font:bold 30px/30px '';color:#ddf0ff}
// 数字滚动css end