js调用:jQuery(".picBtnLeft").slide( { mainCell:".bd ul",effect:"left",autoPlay:true } );
css代码:
- .picBtnLeft{ width:467px; height:313px; border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; zoom:1; }
- .picBtnLeft .hd{ width:467px; height:84px; position:absolute; top:240px; }
- .picBtnLeft .hd ul{ width:480px; overflow:hidden; zoom:1; }
- .picBtnLeft .hd ul li{ padding-top:5px; float:left; _display:inline; text-align:center; }
- .picBtnLeft .hd ul li img{ width:105px; height:65px; border:4px solid #ddd; cursor:pointer; margin-right:5px; }
- .picBtnLeft .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
- .picBtnLeft .hd ul li.on img{ border-color:#f60; }
- .picBtnLeft .bd{ width:467px; height:230px; position:relative; }
- .picBtnLeft .bd img{ width:467px; height:230px; }
- .picBtnLeft .bd li{ position:relative; zoom:1; }
- .picBtnLeft .bd li .pic{ position:relative; z-index:0; line-height:0px; }
- .picBtnLeft .bd li .bg{ display:none; width:467px; height:30px; position:absolute; left:0; bottom:0; z-index:1; background:#000; filter:alpha(opacity=60);opacity:0.6; }
- .picBtnLeft .bd li .title{ display:none; width:467px; height:30px; line-height:30px; left:0; bottom:0; position:absolute; z-index:2; }