首頁 > web前端 > js教程 > 基於jquery實現的文字向上跑動類似跑馬燈的效果_jquery

基於jquery實現的文字向上跑動類似跑馬燈的效果_jquery

WBOY
發布: 2016-05-16 16:44:10
原創
1724 人瀏覽過

想實現一個類似跑馬燈的效果,發現跑馬燈有空格.效果也不美觀,於是用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() }
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板