js调用:jQuery(".topLoop").slide( { mainCell:".bd ul",effect:"topLoop",autoPlay:true,vis:1,scroll:1,trigger:"click"} );
css代码:
  1. .infoList li{ height:24pxline-height:24px;   } 
  2. .infoList li .date{ float:rightcolor:#999;  } 
  3.  
  4. .topLoop{ overflow:hiddenposition:relative;  border:1px solid #ccc;   } 
  5. .topLoop .hd{ overflow:hidden;  height:30pxbackground:#f4f4f4;  } 
  6. .topLoop .hd .prev,.topLoop .hd .next{ display:block;  width:9pxheight:10pxline-height:10pxfloat:rightmargin-right:10pxmargin-top:10px;  overflow:hidden;   
  7.      cursor:pointerbackground:url("images/icoUp.gif"center no-repeat;} 
  8. .topLoop .hd .next{ background:url("images/icoDown.gif"center no-repeat;  } 
  9. .topLoop .hd ul{ float:rightoverflow:hidden; zoom:1margin-top:10px;  } 
  10. .topLoop .hd ul li{ position:relative_display:inlinefloat:left;  width:10pxheight:10pxoverflow:hiddenbackground:#cccmargin-right:10pxtext-indent:-999pxcursor:pointer
  11.     -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} 
  12. .topLoop .hd ul li.on{ background:#f00;  } 
  13. .topLoop .bd{ padding:10px;   } 
  14. .topLoop .bd ul{ overflow:hidden; zoom:1; }