建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

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

来源:易助科技网浏览量:11收藏

简介


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>