新聞上下滾動(dòng)jquery 超簡(jiǎn)潔(必看篇)

更新時(shí)間：2017年01月21日 09:53:04 投稿：jingxian

下面小編就為大家?guī)?lái)一篇新聞上下滾動(dòng)jquery 超簡(jiǎn)潔(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

實(shí)例如下：

<div class = "box">
	<dl class="textlist">
		<dd>11你好，歡迎來(lái)到腳本之家</dd>
		<dd>22你好，歡迎來(lái)到腳本之家</dd>
		<dd>33你好，歡迎來(lái)到腳本之家</dd>
		<dd>44你好，歡迎來(lái)到腳本之家</dd>
		<dd>55你好，歡迎來(lái)到腳本之家</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>

以上這篇新聞上下滾動(dòng)jquery 超簡(jiǎn)潔(必看篇)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

推薦10 個(gè)很棒的 jQuery 特效代碼
本文給大家匯總介紹了10個(gè)非常實(shí)用，也非常簡(jiǎn)單的jquery特效，基本上項(xiàng)目中都可以用到，推薦給大家，有需要的小伙伴可以參考下。
2015-10-10
Jquery公告滾動(dòng)+AJAX后臺(tái)得到數(shù)據(jù)
ajax得到值，用JQUERY綁定給對(duì)應(yīng)的UL.利用JQUERY的動(dòng)畫來(lái)實(shí)現(xiàn)他們的滾動(dòng)公告。
2011-04-04
jQuery獲取瀏覽器中的分辨率實(shí)現(xiàn)代碼
本篇文章小編為大家介紹，使用jQuery獲取瀏覽器中的分辨率的方法。需要的朋友參考下
2013-04-04
讓圖片旋轉(zhuǎn)任意角度及JQuery插件使用介紹
圖片旋轉(zhuǎn)任意角度在某些應(yīng)用中時(shí)很有必要的，現(xiàn)在有一款JQuery插件可以辦得到，接下來(lái)為大家介紹下使用方法，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-03-03
jquery刪除table當(dāng)前行的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇jquery刪除table當(dāng)前行的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
非常漂亮的相冊(cè)集使用jquery制作相冊(cè)集
這篇文章主要為大家詳細(xì)介紹了使用jquery制作非常漂亮的相冊(cè)集，步驟詳細(xì)，細(xì)節(jié)介紹完整，感興趣的小伙伴們可以參考一下
2016-04-04
jQuery返回定位插件詳解
本篇文章主要介紹了jQuery返回定位插件的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-05-05
基于datagrid框架的查詢
今天說(shuō)下基于datagrid框架的查詢，有需要的朋友可以參考一下。
2013-04-04
基于jquery實(shí)現(xiàn)三級(jí)下拉菜單
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)三級(jí)下拉菜單的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
JQuery通過(guò)Ajax提交表單并返回結(jié)果
在開(kāi)始介紹使用JQuery提交表單之前，先看一下非Ajax提交表單的形式
2011-07-07