`

图片、文字左右上下滚动

    博客分类:
  • js
阅读更多

友情链接:http://www.popub.net/script/MSClass.html

 

网上查到的,感觉挺实用的,所以摘抄了写来,以防以后使用。

 

局限性:

 

容器内仅允许用图片<img>或者带链接的图片<a><img></a>的形式,并需要禁止其自动换行。同时不能使用li标签

 

使用手册:

1.记得在head头部添加js文件

<script type="text/javascript" src="MSClassl.js"></script>
<script type="text/javascript">
window.onload = function(){
var marquee1 = new Marquee("marqueedivcontrol")   
        marquee1.Direction = "left";  
        marquee1.Step = 1;
        marquee1.Width = 200;
        marquee1.Height = 50;
        marquee1.Timer = 5;
        marquee1.DelayTime = 0;
        marquee1.WaitTime = 0;
        marquee1.ScrollStep = 52;
        marquee1.Start();
}
</script>

 

2.参数说明

        ID        "marquee"    容器ID        (必选)
        Direction    (0)        滚动方向    (可选,默认为0向上滚动) 可设置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)
        Step        (1)        滚动的步长    (可选,默认值为2,数值越大,滚动越快)
        Width        (760)        容器可视宽度    (可选,默认值为容器初始设置的宽度)
        Height        (52)        容器可视高度    (可选,默认值为容器初始设置的高度)
        Timer        (50)        定时器        (可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20)
        DelayTime    (5000)        间歇停顿延迟时间(可选,默认为0不停顿,1000=1秒)
        WaitTime    (3000)        开始时的等待时间(可选,默认或0为不等待,1000=1秒)
        ScrollStep    (52)        间歇滚动间距    (可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制)

 

3.样式设置    

       在ID上记得设置它的宽度与高度,还要切断容器的宽度,如:overflow:hidden;

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics