js调用:jQuery(".topLoop").slide( { mainCell:".bd ul",effect:"leftLoop",vis:2,scroll:2,trigger:"click"} );
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; }
-
-
- .topLoop{ overflow:hidden; position:relative; border:1px solid #ccc; }
- .topLoop .hd{ overflow:hidden; height:30px; background:#f4f4f4; }
- .topLoop .hd .prev,.topLoop .hd .next{ display:block; width:9px; height:10px; line-height:10px; float:right; margin-right:10px; margin-top:10px; overflow:hidden;
- cursor:pointer; background:url("demoEffect/images/icoUp.gif") center no-repeat;}
- .topLoop .hd .next{ background:url("demoEffect/images/icoDown.gif") center no-repeat; }
- .topLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
- .topLoop .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);}
- .topLoop .hd ul li.on{ background:#f00; }
- .topLoop .bd{ padding:10px; }
- .topLoop .bd ul{ overflow:hidden; zoom:1; }