可以左右移动横向无缝滚动的JS图片展示

可以左右移动横向无缝滚动的JS图片展示
 点击预览  点击下载

横向无缝滚动的JS图片展示代码,可以通过点击进行左右滚动方向的切换。兼容Firefox浏览器,代码设置简单,如下所示:

  1. var scrollPic_02 = new ScrollPic(); 
  2. scrollPic_02.scrollContId   = "ISL_Cont_1"//内容容器ID 
  3. scrollPic_02.arrLeftId      = "LeftArr";//左箭头ID 
  4. scrollPic_02.arrRightId     = "RightArr"//右箭头ID 
  5. scrollPic_02.frameWidth     = 908;//显示框宽度 
  6. scrollPic_02.pageWidth      = 152; //翻页宽度 
  7. scrollPic_02.speed          = 10; //移动速度(单位毫秒,越小越快) 
  8. scrollPic_02.space          = 10; //每次移动像素(单位px,越大越快) 
  9. scrollPic_02.autoPlay       = false//自动播放 
  10. scrollPic_02.autoPlayTime   = 3; //自动播放间隔时间(秒) 
  11. scrollPic_02.initialize(); //初始化 

 

转载请注明:代码家园 » 可以左右移动横向无缝滚动的JS图片展示

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)