輪播圖實現效果見下圖,圖片能自己輪播,點擊左右按鈕進行翻頁輪播,滑鼠懸停圖片或標題上,停止輪播; 效果圖為: 複製程式碼 程式碼如下: 带左右箭头图片轮播<br><!--<BR>.rollBox{width:770px;height:260px;overflow:hidden;padding:10px;margin:0 auto;border:1px solid red;}<BR>.rollBox .LeftBotton{height:40px;width:21px;background:url(images/sl.png) no-repeat 0px 5px;overflow:hidden;float:left;display:inline;margin:110px 0 0 0;cursor:pointer;}<BR>.rollBox .RightBotton{height:40px;width:21px;background:url(images/sr.png) no-repeat 0px 5px;overflow:hidden;float:left;display:inline;margin:110px 0 0 0;cursor:pointer;}<BR>.rollBox .Cont{width:726px;overflow:hidden;float:left;}<BR>.rollBox .ScrCont{width:10000000px;}<BR>.rollBox .Cont .pic{width:242px;float:left;text-align:center;}<BR>.rollBox .Cont .pic img{padding:9px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;width:190px;height:190px;}<BR>.rollBox .Cont .pic div{line-height:20px;color:#505050;margin:15px 0px;}<BR>.rollBox .Cont .pic div span{display:block;}<BR>.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}<BR>.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}<BR>.rollBox #List1,.rollBox #List2{float:left;}<BR>--><br> 酷站代码-特效1 45446547 酷站代码-特效1 45446547 酷站代码-特效1 45446547 酷站代码-特效1 45446547 酷站代码-特效1 45446547 酷站代码-特效1 45446547 酷站代码-特效1 45446547 酷站代码-特效1 45446547