jquery仿新浪微博评论说说列表文字上下间歇滚动效果



81 320 107



特效描述:微博评论 说说列表 文字上下滚动 间歇滚动效果,

代码结构

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

加群请备注:从官网了解到