求教高手，一个JS的效果

Question

像这样的http://api.39.net/tools/test/iq/index.html是怎么实现的啊？

Answer 1

<ul style="margin-left:0;">
<li></li>
<li></li>
...
</ul>click：<ul style="margin-left:-500px;">
<li></li>
<li></li>
...
</ul>

Answer 2

LZ有试过他们说的方法吗  其实用JS写个也很简单 这样的JS特效算简单了

Answer 3

<div id="outer">
<div id="inner">
<img src="01.jpg"/>
<img src="02.jpg"/>
<img src="03.jpg"/>
</div>
</div>给你个思路：
外层outer宽度定死，设置overflow:hidden，里层inner宽度为3个图片的总和，开始的时候显示01.jpg，点击后，把inner的marginLeft设置为-x，其中x为一张图片的宽度，如果要有逐渐移动的效果，可以设置一个setTimeout，让marginLeft的值逐渐的变化。

Answer 4

内外嵌套div，然后改变scrollLeft可以解决。

Answer 5

div +css +Js ==ok