js调用:jQuery("#leftMarquee").slide( { mainCell:".bd ul",effect:"leftMarquee",vis:3,interTime:40,autoPlay:true } );
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. .leftLoop{ overflow:hiddenposition:relative;  border:1px solid #ccc;   } 
  10. .leftLoop .hd{ overflow:hidden;  height:30pxbackground:#f4f4f4;  } 
  11. .leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:5pxheight:9pxline-height:10pxfloat:rightmargin-right:10pxmargin-top:10px;  overflow:hidden;   
  12.      cursor:pointerbackground:url("demoEffect/images/icoLeft.gif"no-repeat;} 
  13. .leftLoop .hd .next{ background:url("demoEffect/images/icoRight.gif"no-repeat;  } 
  14. .leftLoop .hd ul{ float:rightoverflow:hidden; zoom:1margin-top:10px;  } 
  15. .leftLoop .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. .leftLoop .hd ul li.on{ background:#f00;  } 
  18. .leftLoop .bd{ padding:10px;   } 
  19. .leftLoop .bd ul{ overflow:hidden; zoom:1; } 
  20. .leftLoop .bd ul li{ margin:0 10pxtext-align:centerfloat:left;display:_inline;  }