问题描述
像这样的http://api.39.net/tools/test/iq/index.html是怎么实现的啊?
解决方案
解决方案二:
几个li放在里面,平时隐藏,点击的时候从左到右移动
解决方案三:
引用1楼p2227的回复:
几个li放在里面,平时隐藏,点击的时候从左到右移动
。。。
解决方案四:
<ulstyle="margin-left:0;"><li></li><li></li>...</ul>
click:<ulstyle="margin-left:-500px;"><li></li><li></li>...</ul>
解决方案五:
LZ有试过他们说的方法吗其实用JS写个也很简单这样的JS特效算简单了
解决方案六:
<divid="outer"><divid="inner"><imgsrc="01.jpg"/><imgsrc="02.jpg"/><imgsrc="03.jpg"/></div></div>给你个思路:外层outer宽度定死,设置overflow:hidden,里层inner宽度为3个图片的总和,开始的时候显示01.jpg,点击后,把inner的marginLeft设置为-x,其中x为一张图片的宽度,如果要有逐渐移动的效果,可以设置一个setTimeout,让marginLeft的值逐渐的变化。
解决方案七:
内外嵌套div,然后改变scrollLeft可以解决。
解决方案八:
div+css+Js==ok
时间: 2024-09-08 21:20:46