请教大神们，我学习做js滑动切换，只会用一种方法，做起来效果很别扭，该怎么改？

Question

这是jq代码function slideleft(){  $('#parents>li:first').animate({width:'0px'},1000,callback);}function callback(){  $('#parents>li:last').after($('#parents>li:first'));  $('#parents>li:last').css('width','790px');}一个ul(parents) 包裹了3个li   有一个div 绑定了 slideleft()切换的时候，很不自然，该怎么搞？

Answer 1

不能够去改变width，这样图形也会出现变形效果

<div>

    <ul>

        <li></li>

    </ul>

</div>

li浮动

ul相对定位,js给定ul的宽度为li的个数去乘以li的宽度

div设定宽高以及超出隐藏

然后js改变ul的margin-left即可