js调用:jQuery(".picBtnLeft").slide( { mainCell:".bd ul",effect:"left",autoPlay:true } );
css代码:
  1. .picBtnLeft{ width:467pxheight:313pxborder:1px solid #cccpadding:5px;  position:relative;  overflow:hidden;  zoom:1;   } 
  2. .picBtnLeft .hd{ width:467px;  height:84pxposition:absolute;  top:240px; } 
  3. .picBtnLeft .hd ul{ width:480px;  overflow:hidden; zoom:1; } 
  4. .picBtnLeft .hd ul li{ padding-top:5pxfloat:left_display:inlinetext-align:center;  } 
  5. .picBtnLeft .hd ul li img{ width:105pxheight:65pxborder:4px solid #dddcursor:pointermargin-right:5px;   } 
  6. .picBtnLeft .hd ul li.on{ background:url("images/icoUp.gif"no-repeat center 0; } 
  7. .picBtnLeft .hd ul li.on img{ border-color:#f60;  } 
  8. .picBtnLeft .bd{ width:467px;  height:230pxposition:relative;  } 
  9. .picBtnLeft .bd img{ width:467pxheight:230px;  } 
  10. .picBtnLeft .bd li{ position:relative; zoom:1; } 
  11. .picBtnLeft .bd li .pic{ position:relativez-index:0line-height:0px;  } 
  12. .picBtnLeft .bd li .bg{ display:none;  width:467pxheight:30pxposition:absolute; left:0; bottom:0z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    } 
  13. .picBtnLeft .bd li .title{ display:none;  width:467pxheight:30pxline-height:30px; left:0; bottom:0;   position:absolutez-index:2;  }