• 1
  • 2
  • 3
js调用:jQuery(".slideBox").slide( { mainCell:".bd ul",effect:"left",autoPlay:true} );
css代码:
  1. .slideBox{ width:450pxheight:230pxoverflow:hiddenposition:relative;    } 
  2. .slideBox .hd{ height:15pxoverflow:hiddenposition:absolute; right:10px; bottom:10pxz-index:1; } 
  3. .slideBox .hd ul{ overflow:hidden; zoom:1float:left;  } 
  4. .slideBox .hd ul li{ float:leftmargin-right:5px;  width:15pxheight:15pxline-height:14pxtext-align:centerbackground:#fffcursor:pointer; } 
  5. .slideBox .hd ul li.on{ background:#f00color:#fff; } 
  6. .slideBox .bd{ position:relativeheight:100%z-index:0;   } 
  7. .slideBox .bd img{ width:450pxheight:230px; }