做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JS文字或图片逐行滚动插件scrolltext
来源:易助科技网浏览量:3收藏

简介

scrolltext是一款可以让文字或图片逐行滚动的JS插件。兼容浏览器:IE6+/Firefox/Google Chrome(下载附件中带有DEMO)。

参数说明

scrollup.LineHeight = 24; //单排文字滚动的高度
scrollup.Amount = 1; //注意:子模块(LineHeight)一定要能整除Amount.
scrollup.Delay = 10; //延时
scrollup.Start(); //文字自动滚动
scrollup.Direction = "up"; //文字向下滚动


使用

1.  引入  scrolltext.js 文件


2.  HTML

<div id="">
<ul id="scrolltext">
<li>1 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>2 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>3 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>4 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>5 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
</ul>
</div>


3.  使用

[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]