js调用:jQuery(".leftLoop").slide( { mainCell:".bd ul",effect:"leftLoop",autoPlay:true,vis:2,scroll:1,trigger:"click"} );
css代码:
- .infoList li{ height:24px; line-height:24px; text-align:left; }
- .infoList li .date{ float:right; color:#999; }
-
-
- .leftLoop{ overflow:hidden; position:relative; border:1px solid #ccc; }
- .leftLoop .hd{ overflow:hidden; height:30px; background:#f4f4f4; }
- .leftLoop .hd .prev,.leftLoop .hd .next{ display:block; width:5px; height:9px; line-height:10px; float:right; margin-right:10px; margin-top:10px; overflow:hidden;
- cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
- .leftLoop .hd .next{ background:url("images/icoRight.gif") no-repeat; }
- .leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
- .leftLoop .hd ul li{ position:relative; _display:inline; float:left; width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
- -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
- .leftLoop .hd ul li.on{ background:#f00; }
- .leftLoop .bd{ padding:10px; }
- .leftLoop .bd ul{ overflow:hidden; zoom:1; }
- .leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; }