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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 14:07:04
字體:
來源:轉載
供稿:網友

想實現一個類似跑馬燈的效果,發現跑馬燈有空格.效果也不美觀,于是用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() }
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 巨鹿县| 锡林浩特市| 沾益县| 奉新县| 六枝特区| 玉田县| 临汾市| 云南省| 永吉县| 腾冲县| 迁西县| 定边县| 嘉峪关市| 松阳县| 厦门市| 肇州县| 澎湖县| 景泰县| 根河市| 和林格尔县| 渝北区| 资溪县| 思南县| 枣强县| 神农架林区| 乐昌市| 乌苏市| 南平市| 贵港市| 神木县| 阜阳市| 济宁市| 甘肃省| 合江县| 漳州市| 香格里拉县| 西林县| 桓仁| 吴旗县| 乐清市| 隆化县|