纯js实现两种不同的文字滚动方式

收藏

js在线公告新闻滚动scroll，支持自定义文字间歇滚动方向。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

演示一：向下滚动

<ul id="erdangjiade01" class="noticTipTxt">
    <li><a href="http://www.erdangjiade.com/" target="_blank">js无缝滚动制作js文字无缝滚动和js图片无缝滚动 <img src="images/hot001.gif" width="22" height="11" /></a></li>
    <li><a href="http://www.erdangjiade.com/" target="_blank">js文字切换特效制作焦点文字带滤镜切换效果</a></li>
    <li><a href="http://www.erdangjiade.com/" target="_blank">js文字特效制作js文字闪烁与文字变色效果</a></li>
    <li><a href="http://www.erdangjiade.com/" target="_blank">js文字滚动制作js scroll单排文字滚动向上间隔滚动</a></li>
</ul>

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

演示二：向上滚动

var scrollup = new ScrollText("erdangjiade02");
scrollup.LineHeight = 22;        //单排文字滚动的高度
scrollup.Amount = 1;            //注意:子模块(LineHeight)一定要能整除Amount.
scrollup.Delay = 20;           //延时
scrollup.Start();             //文字自动滚动
scrollup.Direction = "up";   //默认设置为文字向上滚动