jQuery idTabs - 向左滑动

Question

有谁知道我会怎样 - 而不是让我的idTabs褪色 - 让它们从左向右移动？可能需要在此提供：http://codebins.com/bin/4ldqp7r/2

谢谢！

Answer 1

基本思路是将滑出内容放在可见窗格的左侧。

#adv2 {
  ...
  overflow: hidden;
  position: relative;
}
#adv2 ul{
  ...
  position: relative;
  z-index: 3;
}    
#adv2 span {
  z-index: 1;
}
#adv2 span p {
  position: relative;
  margin: 0;
  left: -410px;
  z-index: 2;
}

然后添加javascript以渲染幻灯片效果。

for (i in list) {
    $(list[i]).css({'left': '-410px', 'display': 'none'});
}
$(id).css({'display': 'none'}).animate({left: '+=410'});