js调用:jQuery(".picBtnTop").slide( { mainCell:".bd ul",effect:"topLoop",autoPlay:true } );
css代码:
-
- .picBtnTop{ width:500px; height:214px; border:1px solid #ccc; padding:5px; position:relative; overflow:hidden; zoom:1; }
- .picBtnTop .hd{ width:98px; height:214px; position:absolute; right:5px;}
- .picBtnTop .hd ul li{ width:93px; padding:0 0 5px 5px; text-align:center; line-height:0px; }
- .picBtnTop .hd ul li img{ width:85px; height:60px; border:4px solid #ddd; cursor:pointer; }
- .picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
- .picBtnTop .hd ul li.on img{ border-color:#f60; }
- .picBtnTop .bd{ width:400px; height:214px; position:relative; }
- .picBtnTop .bd img{ width:400px; height:214px; }
- .picBtnTop .bd li{ position:relative; zoom:1; }
- .picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px; }
- .picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1; background:#000; filter:alpha(opacity=60);opacity:0.6; }
- .picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0; position:absolute; z-index:2; }
- .picBtnTop .bd li .title a{ color:#fff; }