在我们使用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) 间歇滚动间距(可选)
分享一下,希望对有能用到的兄弟们有所帮助!!
分享到:
相关推荐
用Javascript来实现Marquee效果
juqery实现marquee的效果,手机端也可以使用,不卡顿
MARQUEE属性与用法,能实现无缝循环滚动文字,上下,左右都可以
marquee效果
HTML标签marquee实现滚动效果,实现文字在网页中漂移的代码。
会循环跑的类marquee实现(改进版) 包括沿上下左右四个方向跑的分别实现 在http://chqa.blog.163.com/blog/static/2746333200842884117589/的基础上修改的
滚动效果的源代码,有间歇性滚动和无缝滚动,间歇性滚动式指隔几秒滚动一次,而无缝滚动则没有停留,但是有鼠标悬停时停止滚动,鼠标移开则继续滚动。
无缝循环marquee滚动JS代码实现,兼容IE, FireFox, Chrome,供大家参考,具体内容如下 首先是CSS和HTML如下: #marquee_zxd { border: 1px solid red; white-space: nowrap; overflow: hidden; width: 500px; ...
使用js实现了ie的marquee标签滚动功能, 使之能兼容FF,ie 并修正了纯中文横向滚动时的bug..
鄙人上传的此脚本(含Demo)是一个Marquee类,开放了几个接口轻松实现滚动的方向、延时、尺寸等参数的设置,对从事网页前端开发的设计人员有很大的好处。需要注意的地方就是:table的width要大于外框的width(呵呵,...
marquee嵌套这后出现的效果! 很值得下载看看!资源免费,大家分享!!
marquee.js插件演示9种jQuery滚动效果
公告滚动动画,从右到左滚动,marquee标签效果
Marquee标签一直以来都被W3C排斥,而且,屁股后...所以,俺就做了个支持多个实例,兼容性好的替代品(其实是一年前做的...),虽然没什么技术含量,可是简单实用,只要简简单单的四步就能实现Marquee替代无间滚动效果。
MARQUEE 元素 marquee 对象 doc 手册
该课件是关于marquee的讲解: 方向:<direction=#> #=left, right,up,down <marquee direction=left>从右向左移!</marquee> 方式:<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈...
用javascript模拟marquee实现滚动
水平滚动字幕jquery插件,marquee效果。使用:$('.txt-scroll').txtscroll({'speed': 50});
js替代marquee实现图片无缝滚动 可能大家都碰到过,当marquee中滚动的是图片的时候,滚到终点的时候直接就跳回到起点了,而不像文字那样可以无缝滚动,下面介绍的是通过js来实现图片的无缝滚动。 先了解一下下面这...
jquery.marquee 走马灯效果