`

marquee效果去掉两端空白的区域实现效果连续

阅读更多

    在我们使用marquee实现跑马灯效果时,在两端总是出现许多空白的区域,而文字或图片想要在出现时必须把空白的区域跑完之后才能出现,这样的效果看起来感觉非常的麻烦,在给客户多项目时有的一些客户或公司强制要求必须把文字或图片连续,这样的话我们只单独的使用<marquee>标签就没法达到效果了;
    从网上搜索了很多,最后终于找到了相关的解决方法,分享如下
案例:
<script defer>
       new marquee("photoList",0,1,900,200,50,1000,3000,60)
</script>
参数说明:

marquee                                     容器ID
0                                                 向上滚动(0向上 1向下 2向左 3向右)
1                                                 滚动的步长  
900                                             容器可视宽度
200                                             容器可视高度
50                                               定时器 数值越小滚动的速度越快(1000=1秒,建议不小于20)
1000                                           间歇停顿时间(0为不停顿,1000=1秒)
3000                                           开始时的等待时间(0为不等待,1000=1秒)
(60)                                         间歇滚动间距(可选)

 

 

分享一下,希望对有能用到的兄弟们有所帮助!!

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics