css部分

.banner{width: 100%;height: 200px;overflow: hidden;position: relative;}.nav{width: 300%;height: 200px;position: absolute;top: 0;left: 0;}.nav .nav_box{width: 33.33%;height: 200px;float: left;}.nav .nav_box img{width: 100%;height: 100%;}

div部分

<div class=\"banner\"><div class=\"nav\"><div class=\"nav_box\"><img src=\"imgs/banner.jpg\" ></div><div class=\"nav_box\"><img src=\"imgs/banner2.jpg\" ></div><div class=\"nav_box\"><img src=\"imgs/banner3.jpg\" ></div></div></div>

jquery部分

var num=1,clear,p=0;function moves(){// $(\"nav\").eq(p=(num-1)).addClass(\"lunbo\").siblings().removeClass(\"lunbo\")num++;if(num==3){num=1;};$(\".nav\").animate({left:\"-100%\"},3000,function(){$(\".nav_box\").eq(0).appendTo(\".nav\");$(\".nav\").css(\"left\",\"0px\");});}clear=setInterval(moves,3000);