首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-08-22 
marquee效果去掉两端空白的区域实现效果连续??? 在我们使用marquee实现跑马灯效果时,在两端总是出现许多空

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) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 间歇滚动间距(可选)

?

?

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

热点排行