第一步css布局
外层层一个固定显示一张图片大小的div,内层一个div放图片,大小根据图片大小决定,如果是左右轮播,设置图片float:left
jquery实现
var src=$("innerDiv img:first").attr("src");
$("innerDiv img:first").animate({"margin-left":"-100px"},function(){$("innerDiv img:first").remove();});
$(".innerDiv").append("<img src='"+src+"'>");
把上面的代码放到定时器里即可(setInterval(function(){}))