JS文字或图片逐行滚动插件scrolltext

简介

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>

[css]
<style>
.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;}
</style>