简单实用的JS【横向滚动图片】效果,带控制按钮

一个非常简单实用的JS插件,很好地实现了图片的横向滚动效果。
插件内置了各种参数的自定义,这也是我比较喜欢的一点,灵活性很强。
小巧、实用、灵活,还有什么理由不喜欢它呢?

Demo下载地址【趣盘】:xz.qupan.cc/down/tnzzjh_6717079.html


调用方法很简单:
<SCRIPT language=javascript type=text/javascript>
       <!--//--><![CDATA[//><!--
       var scrollPic_02 = new ScrollPic();
       scrollPic_02.scrollContId   = "ISL_Cont_1"; //内容容器ID
       scrollPic_02.arrLeftId      = "LeftArr";//左箭头ID
       scrollPic_02.arrRightId     = "RightArr"; //右箭头ID
    
       scrollPic_02.frameWidth     = 600;//显示框宽度
       scrollPic_02.pageWidth      = 120; //翻页宽度
    
       scrollPic_02.speed          = 10; //移动速度(单位毫秒,越小越快)
       scrollPic_02.space          = 10; //每次移动像素(单位px,越大越快)
       scrollPic_02.autoPlay       = true; //自动播放
       scrollPic_02.autoPlayTime   = 3; //自动播放间隔时间(秒)
    
       scrollPic_02.initialize(); //初始化
       //--><!]]>
      </SCRIPT>

posted on 2010-10-28 09:26  Rayy  阅读(324)  评论(0编辑  收藏  举报

导航