效果图：

实现代码：复制代码代码如下： html标题标题Jquery自动轮播效果/title脚本src=' http : js/jquery-1。6 .2 .量滴js ' type=' text/JavaScript '/脚本样式.span hide { display : none } # top a :悬停{ color : red}/style/head body div id=' main ' div id=' top ' a href=' JavaScript : void(0)' 1/a href=' JavaScript : void(0)' 2/a href=' JavaScript : void(0)' 3/a href=' JavaScript : void(0)' 4/a href=' JavaScript : void(0)' 5/a/div id=' tbodyvar t；var top=$(' # top a ')；var TL=top . length var body s=$(' # t body span ')；tops.mouseover(function(){ i=$).inArray(这个，最多);bodys.hide().方程式(I ).show()；我；i=i=tl？0: IIF(f==1){ t=setTimeout(m over，2000)；} else { stop()；} f=0；});身体。鼠标悬停在(function(){ stop())上；});身体。鼠标移出(function(){ t=setTimeout)(MMO版本，2000)；});最多。鼠标移出(function(){ t=setTimeout(mmover，2000)；});mmover()；函数stop(){ clear time out(t)；}函数MMO ver(){ f=1；顶部。方程式(一).鼠标悬停在()；} });/script /html