国产探花免费观看_亚洲丰满少妇自慰呻吟_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() }
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南宫市| 石狮市| 山东省| 和林格尔县| 汝州市| 西峡县| 庄河市| 秦皇岛市| 理塘县| 大荔县| 佛学| 马边| 峡江县| 章丘市| 务川| 宿迁市| 武川县| 巴楚县| 大悟县| 哈尔滨市| 乐清市| 铜鼓县| 确山县| 忻州市| 三明市| 娄底市| 白沙| 包头市| 新建县| 瑞昌市| 饶阳县| 宝清县| 乌拉特前旗| 监利县| 武川县| 夏津县| 宕昌县| 信丰县| 东辽县| 通城县| 阿拉善右旗|