国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 14:27:10
字體:
來源:轉載
供稿:網友
想實現一個類似跑馬燈的效果,發現跑馬燈有空格.效果也不美觀,于是用jquery寫了個

頁面代碼
復制代碼 代碼如下:

<div class="recordList">
<ul class="tpl-rotate-recordList" style="margin-top: 0px;">
<li class="tpl-rotate-recordList-item">
恭喜187****5204獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜137****1372獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜156****0276獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜139****9856獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜136****0580獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜136****0580獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜138****8118獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜136****5555獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜136****0580獲得1000RBM
</li>
<li class="tpl-rotate-recordList-item">
恭喜136****0580獲得1000RBM
</li>
</ul>
</div>

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()
}
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 遂宁市| 威信县| 会泽县| 象州县| 泽州县| 洛阳市| 谢通门县| 科技| 封丘县| 榕江县| 富蕴县| 上饶市| 平原县| 五常市| 池州市| 元江| 马边| 收藏| 驻马店市| 临夏市| 惠水县| 漠河县| 清镇市| 东山县| 兴隆县| 故城县| 根河市| 罗甸县| 彩票| 江北区| 卓尼县| 汶川县| 合阳县| 德兴市| 苏尼特左旗| 电白县| 岳普湖县| 南昌县| 南京市| 吉林省| 宁化县|