欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)類似跑馬燈的效果

 更新時(shí)間:2014年06月17日 17:10:28   投稿:whsnow  
這篇文章主要介紹了基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)效果類似跑馬燈,需要的朋友可以參考下
想實(shí)現(xiàn)一個(gè)類似跑馬燈的效果,發(fā)現(xiàn)跑馬燈有空格.效果也不美觀,于是用jquery寫了個(gè)

頁(yè)面代碼
復(fù)制代碼 代碼如下:

<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代碼
復(fù)制代碼 代碼如下:

/*自動(dòng)輪換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()
}

相關(guān)文章

  • 8個(gè)超實(shí)用的jQuery功能代碼分享

    8個(gè)超實(shí)用的jQuery功能代碼分享

    這篇文章主要介紹了8個(gè)超實(shí)用的jQuery功能代碼分享,本文介紹了禁用右鍵單擊功能、使用jQuery設(shè)定文本大小、在新窗口打開(kāi)鏈接、更改樣式列表、返回到頂部鏈接、獲取鼠標(biāo)指針X/Y軸等功能代碼,需要的朋友可以參考下
    2015-01-01
  • jQuery UI插件自定義confirm確認(rèn)框的方法

    jQuery UI插件自定義confirm確認(rèn)框的方法

    這篇文章主要介紹了jQuery UI插件自定義confirm確認(rèn)框的方法,實(shí)例分析了jQuery的UI插件使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-03-03
  • 淺談jQuery效果函數(shù)

    淺談jQuery效果函數(shù)

    下面小編就為大家?guī)?lái)一篇jQuery效果函數(shù)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦
    2016-09-09
  • jQuery的ready方法實(shí)現(xiàn)原理分析

    jQuery的ready方法實(shí)現(xiàn)原理分析

    這篇文章主要介紹了jQuery的ready方法實(shí)現(xiàn)原理分析的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • jQuery實(shí)現(xiàn)模糊查詢的方法分析

    jQuery實(shí)現(xiàn)模糊查詢的方法分析

    這篇文章主要介紹了jQuery實(shí)現(xiàn)模糊查詢的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)、節(jié)點(diǎn)遍歷、查詢匹配、屬性修改等相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • jquery ajax post提交數(shù)據(jù)亂碼

    jquery ajax post提交數(shù)據(jù)亂碼

    今天發(fā)現(xiàn)在使用jquery ajax.post提交數(shù)據(jù)時(shí)會(huì)發(fā)現(xiàn)數(shù)據(jù)在ff正常,但在chrome與ie瀏覽器中post過(guò)去的數(shù)據(jù)全部是亂碼
    2013-11-11
  • Jquery Mobile 自定義按鈕圖標(biāo)

    Jquery Mobile 自定義按鈕圖標(biāo)

    很多朋友都反應(yīng)jquery mobile自帶的圖標(biāo)真的是少之又少,另外我也覺(jué)得圖標(biāo)偏小(系統(tǒng)自帶的是18*18的),于是琢磨著如何自定義按鈕圖標(biāo),下面小編把我的方法分享在腳本之家平臺(tái)供大家借鑒
    2015-11-11
  • jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例

    jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例

    這篇文章主要介紹了jQuery插件kinMaxShow擴(kuò)展效果用法,實(shí)例分析了kinMaxShow擴(kuò)展的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-05-05
  • jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能示例

    jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素屬性的獲取與計(jì)算相關(guān)操作技巧,需要的朋友可以參考下
    2017-01-01
  • jQuery對(duì)象和DOM對(duì)象使用說(shuō)明

    jQuery對(duì)象和DOM對(duì)象使用說(shuō)明

    jQuery對(duì)象和DOM對(duì)象使用說(shuō)明,需要的朋友可以參考下。
    2010-06-06

最新評(píng)論