描述:严格意义来说,这不是一款JQuery插件。今天把它放在这里,是为了更好地利用这款插件,这款插件很好使用,将来有时间的话,把它封装成为一款插件也是很好的。
图片
设定时间后显示的图片
兼容浏览器:IE6+/Firefox/Google Chrome
官方链接:暂无
JS下载:http://www.ijquery.cn/js/scrolltext-min.js
参数说明:
scrollup.LineHeight = 24; //单排文字滚动的高度
scrollup.Amount = 1; //注意:子模块(LineHeight)一定要能整除Amount.
scrollup.Delay = 10; //延时
scrollup.Start(); //文字自动滚动
scrollup.Direction = "up"; //文字向下滚动
JS代码:
[js]
<script type="text/javascript" language="javascript" src="js/scrolltext-min.js"></script>
[/js]
HTML代码:
[html]
<div id="">
<ul id="scrolltext">
<li>1 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>2 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>3 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>4 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>5 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
</ul>
</div>
[/html]
CSS代码:
[css]
.main1_right2_2_2{width:450px;height:24px;line-height:24px;margin:0 auto;color:#666666;font-size:12px;}
.main1_right2_2_2 ul{}
.main1_right2_2_2 ul li{float:left;height:24px;width:450px;overflow:hidden;color:#666666;}
.main1_right2_2_2 ul li a:link,.main1_right2_2_2 ul li a:visited,.main1_right2_2_2 ul li a:hover{color:#349900;}
/*文字以新闻向上滚动的形式*/
.noticTipTxt{height:24px;line-height:22px;overflow:hidden;}
.noticTipTxt li{height:24px;line-height:22px;}
.noticTipTxt a{color:#0075E8;font-size:12px;text-decoration:none;}
.noticTipTxt a:hover{color:#ff7300;text-decoration:underline;}
[/css]