jquery实现简单的图片轮播

第一步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（）{}））