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

来源:https://www.sucaihuo.com/js/838.html 2016-03-09 18:41浏览(1782) 收藏

js在线公告新闻滚动scroll,支持自定义文字间歇滚动方向。
纯js实现两种不同的文字滚动方式
分类:文字特效 > 文字滚动 难易:初级
查看演示 下载资源 下载积分: 20 积分

演示一:向下滚动

<ul id="sucaihuo01" class="noticTipTxt">
    <li><a href="http://www.sucaihuo.com/" target="_blank">js无缝滚动制作js文字无缝滚动和js图片无缝滚动 <img src="images/hot001.gif" width="22" height="11" /></a></li>
    <li><a href="http://www.sucaihuo.com/" target="_blank">js文字切换特效制作焦点文字带滤镜切换效果</a></li>
    <li><a href="http://www.sucaihuo.com/" target="_blank">js文字特效制作js文字闪烁与文字变色效果</a></li>
    <li><a href="http://www.sucaihuo.com/" target="_blank">js文字滚动制作js scroll单排文字滚动向上间隔滚动</a></li>
</ul>
var scrollup = new ScrollText("sucaihuo01");
scrollup.LineHeight = 22;        //单排文字滚动的高度
scrollup.Amount = 1;            //注意:子模块(LineHeight)一定要能整除Amount.
scrollup.Delay = 20;           //延时
scrollup.Start();             //文字自动滚动
scrollup.Direction = "down"; //文字向下滚动

演示二:向上滚动

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

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2