php实现跑马灯闪亮,JavaScript_基于jquery实现的文字向上跑动类似跑马灯的效果，想实现一个类似跑马灯的效果, - phpStudy...

基于jquery实现的文字向上跑动类似跑马灯的效果

想实现一个类似跑马灯的效果,发现跑马灯有空格.效果也不美观,于是用jquery写了个

页面代码

• 恭喜187****5204获得1000RBM

• 恭喜137****1372获得1000RBM

• 恭喜156****0276获得1000RBM

• 恭喜139****9856获得1000RBM

• 恭喜136****0580获得1000RBM

• 恭喜136****0580获得1000RBM

• 恭喜138****8118获得1000RBM

• 恭喜136****5555获得1000RBM

• 恭喜136****0580获得1000RBM

• 恭喜136****0580获得1000RBM

js代码

/*自动轮换xuyw*/

var AutoScroll = function(a) {

$(a).find("ul:first").animate( {

marginTop : "-20px"

}, 500, function() {

$(this).css( {

marginTop : "0px"

}).find("li:first").appendTo(this)

})

}

if ($(".recordList ul li").length > 0) {

setInterval('AutoScroll(".recordList")', 2000)

} else {

$(".recordList").hide()

}相关阅读:

jquery实现的导航固定效果

基于jQuery实现文本框只能输入数字(小数、整数)

JavaScript让Textarea支持tab按键的方法

jQuery操作iframe中js函数的方法小结

C# PLINQ 内存列表查询优化历程

手机端点击图片放大特效PhotoSwipe.js插件实现

禁止Win8开始屏幕磁盘被改动的方法

HTML5 离线应用之打造零请求、无流量网站的解决方法

JQuery入门基础小实例(1)

分享7个你可能不认识的CSS单位

win10 Mobile Edge浏览器开启实验功能 速度更快

CSS的执行顺序和优先级问题示例探讨

smarty模板引擎之内建函数用法

Win10 10130预览版已知BUG解决方案及使用小窍门