新聞上下滾動jquery 超簡潔(必看篇)
更新時間：2017年01月21日 09:53:04 投稿：jingxian
下面小編就為大家?guī)硪黄侣勆舷聺L動jquery 超簡潔(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
<div class = "box">
<dl class="textlist">
<dd>11你好，歡迎來到腳本之家</dd>
<dd>22你好，歡迎來到腳本之家</dd>
<dd>33你好，歡迎來到腳本之家</dd>
<dd>44你好，歡迎來到腳本之家</dd>
<dd>55你好，歡迎來到腳本之家</dd>
</dl>
</div>
<script>
$(function(){
function GoUp(){
$(".textlist").animate({top,-30},500,function(){
$(".textlist").css({top,0});
$(".textlist dd:first").insertAfter(".textlist dd:last")
});
}
setInterval(GoUp,1000)
})
</script>
</body>
以上這篇新聞上下滾動jquery 超簡潔(必看篇)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實現(xiàn)Email郵箱地址自動補全功能代碼
這篇文章主要介紹了jQuery實現(xiàn)Email郵箱地址自動補全功能代碼,涉及jQuery鼠標事件及字符操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
jQuery Autocomplete plugin 寫的比較滿意，拿出來分享，歡迎大家找BUG。2010-07-07
這篇文章主要介紹了jQuery 鏈式調(diào)用的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用jQuery，感興趣的朋友可以了解下2021-05-05
jQuery實現(xiàn)兩列等高并自適應(yīng)高度
想要使用jQuery實現(xiàn)兩列等高并自適應(yīng)高度，其實也很簡單，原理就是取得左右兩邊的高度，然后判斷這個值，把大的值賦給小的就行了。下面就跟小編一起來看下吧2016-12-12
這篇文章主要介紹了jQuery必不可少的小技巧，這些小技巧就像是創(chuàng)建的快捷方式，可以幫助大家快速開發(fā)，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了jquery如何撲捉回車鍵觸發(fā)的事件,需要的朋友可以參考下2014-04-04
這篇文章主要為大家詳細介紹了jQuery自動或手動圖片切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
easyui下拉框動態(tài)級聯(lián)加載的示例代碼
本篇文章主要介紹了easyui下拉框動態(tài)級聯(lián)加載的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
只需將js引用并設(shè)置下變量就行了，但一直沒搞明白原理，這次弄清了如何傳遞、設(shè)置多個（很多個）參數(shù)，如果你也不明白可以看看2014-10-10
本文主要介紹jQueryUI DatePicker添加時分秒的方法，簡單實用，需要的朋友可以參考下。2016-06-06