XScroll2.js,又一个用来实现单张图片幻灯片切换效果(焦点图切换)的Javascript类,作者:jo2.org

XScroll2.js说明

  1. 从任意序号跳转到任意序号,都只有一次滚动,不过会切换方向。如,从1到3,只需向左滚动一步;从4到1,向右滚动1步。
  2. 代码简练,对系统消耗少
  3. 如果嫌效果少,可以使用XScroll.js

切换效果参数:

  1. how:切换效果。0(默认)淡入淡出,1滚动;
  2. direct:方向,值为0左1上,默认为0.在how参数不为0时有效
  3. delay:自动滚动间隔时间。默认为4000
  4. step:滚动步长。当滚动方向是水平时,step会默认为slider元素的offsetWidth;当滚动方向是垂直时,则默认为高度。当然,也可以自己设置
  5. pager:值应该是一个元素的id,指定slider的页码翻页元素。指定后XScroll2会为此标签的第一层子元素添加跳转函数
  6. how与direct搭配使用.

使用注意:

进行切换的那个元素一定要有一个父标签包围。例如:XScroll2('idSlider2'),则你的idSlider2必须有个父标签

参考拍拍网首页2012-4-17的效果实现,过期太久可能已改版,不要对号入座。

使用XScroll2.js实现仿拍拍网首页图片切换效果

var paipai = XScroll2('idSlider4',{direct:1,how:1,pager:'taobaopage'});
仿拍拍切换0 拍拍网图片切换 包邮 度假 品牌运动会