js调用:jQuery(".topLoop").slide( { mainCell:".bd ul",effect:"leftLoop",vis:2,scroll:2,trigger:"click"} );
css代码:
  1. /* 通用图片列表_普通式 */ 
  2. .picList li{ width:126px;  } 
  3. .picList .pic{ text-align:centerline-height:0px;  } 
  4. .picList .pic img{ width:120pxheight:90pxpadding:2pxborder:1px solid #ccc; } 
  5. .picList .pic a:hover img{ border-color:#f00;  } 
  6. .picList .title{ line-height:24px;   } 
  7.  
  8. /* 多个上滚动 - 公用类 */ 
  9. .topLoop{ overflow:hiddenposition:relative;  border:1px solid #ccc;   } 
  10. .topLoop .hd{ overflow:hidden;  height:30pxbackground:#f4f4f4;  } 
  11. .topLoop .hd .prev,.topLoop .hd .next{ display:block;  width:9pxheight:10pxline-height:10pxfloat:rightmargin-right:10pxmargin-top:10px;  overflow:hidden;   
  12.      cursor:pointerbackground:url("demoEffect/images/icoUp.gif"center no-repeat;} 
  13. .topLoop .hd .next{ background:url("demoEffect/images/icoDown.gif"center no-repeat;  } 
  14. .topLoop .hd ul{ float:rightoverflow:hidden; zoom:1margin-top:10px;  } 
  15. .topLoop .hd ul li{ position:relative_display:inlinefloat:left;  width:10pxheight:10pxoverflow:hiddenbackground:#cccmargin-right:10pxtext-indent:-999pxcursor:pointer
  16.     -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);} 
  17. .topLoop .hd ul li.on{ background:#f00;  } 
  18. .topLoop .bd{ padding:10px;   } 
  19. .topLoop .bd ul{ overflow:hidden; zoom:1; }