js调用:jQuery(".leftLoop").slide( { mainCell:".bd ul",effect:"leftLoop",vis:3,scroll:3,autoPlay:true} );
css代码:
-
- .picList li{ width:126px; }
- .picList .pic{ text-align:center; line-height:0px; }
- .picList .pic img{ width:120px; height:90px; padding:2px; border:1px solid #ccc; }
- .picList .pic a:hover img{ border-color:#f00; }
- .picList .title{ line-height:24px; }
-
-
- .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("demoEffect/images/icoLeft.gif") no-repeat;}
- .leftLoop .hd .next{ background:url("demoEffect/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; }