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