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

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

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

淘建站为您提供更多_文字特效_文字滚动_滚动_scroll,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 214 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

演示一:向下滚动

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

演示二:向上滚动

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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/838.html
纯js实现两种不同的文字滚动方式 希望对你有帮助,感谢您的支持!
  • css3滚动的圆球动画特效

    css3滚动的圆球动画特效

  • DIV+CSS制作有趣的页面滚动让猫奔跑的动画

    DIV+CSS制作有趣的页面滚动让猫奔跑的动画

  • marquee.js插件演示9种jQuery滚动效果

    marquee.js插件演示9种jQuery滚动效果

  • jQuery+multiscroll鼠标滚动全屏图

    jQuery+multiscroll鼠标滚动全屏图

  • jquery文字上下滚动

    jquery文字上下滚动

  • jQuery支持鼠标滚动的垂直滚动手风琴

    jQuery支持鼠标滚动的垂直滚动手风琴

  • 简单的jQuery无缝向上滚动效果

    简单的jQuery无缝向上滚动效果

  • jQuery自定义美化滚动条插件

    jQuery自定义美化滚动条插件

  • Sly.js水平和垂直滚动条播放进度

    Sly.js水平和垂直滚动条播放进度

  • jQuery网页底部阴影浮动层文字滚动

    jQuery网页底部阴影浮动层文字滚动

  • jquery banner滑块导航条幻灯片轮播图片滚动

    jquery banner滑块导航条幻灯片轮播图片滚动

  • jquery hScrollPane水平滚动条美化插件商品图片横行展示

    jquery hScrollPane水平滚动条美化插件商品图片横行展示

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2