jquery仿新浪微博評論說說列表文字上下間歇滾動效果



84 334 112



特效描述:微博評論 說說列表 文字上下滾動 間歇滾動效果,

代碼結構

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/style.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.pause.min.js"></script>

3. HTML代碼

<div id="box_title">大家正在說</div>
<div id="con">
	<div class="bottomcover" style="z-index:2;"></div>
	<ul>
		<li>
			<div class="div_left"><a href="http://www.dijiuzhanzhang.com/"><img src="http://tp4.sinaimg.cn/1777258407/50/5627346616/1" title="Jarvis_風"></a></div>
			<div class="div_right">
				<a href="http://www.dijiuzhanzhang.com/" target="_blank">Jarvis_風</a>:唉,總是在越忙的時候事情越多。。。我的神曲你在哪里呀~~~親耐滴&middot;你再不出來你就木有人疼了!!#248#
				<div class="twit_item_time">3分鐘前</div>
			</div>
		</li>
		<li>
			<div class="div_left"><a href="http://www.dijiuzhanzhang.com/"><img src="http://tp4.sinaimg.cn/1777258407/50/5627346616/1" title="Jarvis_風"></a></div>
			<div class="div_right">
				<a href="http://www.dijiuzhanzhang.com/" target="_blank">Jarvis_風</a>:看來今天收到禮品的親們不少哦~
				<div class="twit_item_time">13分鐘前</div>
			</div>
		</li>
		<li>
			<div class="div_left"><a href="http://www.dijiuzhanzhang.com/"><img src="http://tp4.sinaimg.cn/1777258407/50/5627346616/1" title="Jarvis_風"></a></div>
			<div class="div_right">
				<a href="http://www.dijiuzhanzhang.com/" target="_blank">Jarvis_風</a>:【打擾了,@EsonLong_攝視度,微博網友請您幫助】&ldquo; 請問係廣州有冇鴻福堂吖?想試試啊,平時靜係 ...&rdquo;幫助回答請點擊 http://t.cn/zlkBOng ,謝謝![不想被求助點擊http://t.cn/zWxO0pe ]
				<div class="twit_item_time">16分鐘前</div>
			</div>
		</li>
		<li>
			<div class="div_left"><a href="http://www.dijiuzhanzhang.com/"><img src="http://tp4.sinaimg.cn/1777258407/50/5627346616/1" title="Jarvis_風"></a></div>
			<div class="div_right">
				<a href="http://www.dijiuzhanzhang.com/" target="_blank">Jarvis_風</a>:【新型電話騙局盯上有線電視用戶】一些市民接到陌生電話,提醒自家的寬帶和有線電視就要到期了,在兩小時內不續費就要被斷網。警方提醒,這是一種新的電話騙局方式,騙子的最終目的是讓受害人把資金轉移到所謂的&ldquo;安全賬戶&rdquo;里。警方提醒大家萬一遇到類似情況,可以撥打正規客服電話咨詢哦。
				<div class="twit_item_time">17分鐘前</div>
			</div>
		</li>
		<li>
			<div class="div_left"><a href="http://www.dijiuzhanzhang.com/"><img src="http://tp4.sinaimg.cn/1777258407/50/5627346616/1" title="Jarvis_風"></a></div>
			<div class="div_right">
				<a href="http://www.dijiuzhanzhang.com/" target="_blank">Jarvis_風</a>:【什么時候才能看見外星人啊】《西班牙漁夫意外拍的軍方與飛碟UFO對峙》  http://t.cn/zlkBKQ4  (分享自 @土豆網)
				<div class="twit_item_time">18分鐘前</div>
			</div>
		</li>
		<li>
			<div class="div_left"><a href="http://www.dijiuzhanzhang.com/"><img src="http://tp4.sinaimg.cn/1777258407/50/5627346616/1" title="Jarvis_風"></a></div>
			<div class="div_right">
				<a href="http://www.dijiuzhanzhang.com/" target="_blank">Jarvis_風</a>:小小騎手牽著小小馬兒。你倆是來參加賣萌大賽的吧!!!!
				<div class="twit_item_time">22分鐘前</div>
			</div>
		</li>
		<li>
			<div class="div_left"><a href="http://www.dijiuzhanzhang.com/"><img src="http://tp4.sinaimg.cn/1777258407/50/5627346616/1" title="Jarvis_風"></a></div>
			<div class="div_right">
				<a href="http://www.dijiuzhanzhang.com/" target="_blank">Jarvis_風</a>:學會沉默,至少平靜。有時候,被人誤解,不想爭辯,所以選擇沉默。本來就不是所有人都得了解你,因此不必對全世界喊話。生命中往往有連舒伯特都無言以對的時刻,畢竟不是所有的是非都能條列清楚,甚至可能根本沒有真正的是與非。那么,不想說話,就不說吧,在多說無益的時候,也許沉默就是最好的解釋。
				<div class="twit_item_time">1小時前</div>
			</div>
		</li>
	</ul>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽:
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子