请教大神们，我学习做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即可