js调用:jQuery(".picBtnTop").slide( { mainCell:".bd ul",effect:"topLoop",autoPlay:true } );
css代码:
  1. /* 图片按钮(上)滚动 - 公用类 */ 
  2. .picBtnTop{ width:500pxheight:214pxborder:1px solid #cccpadding:5px;  position:relative;  overflow:hidden;  zoom:1;   } 
  3. .picBtnTop .hd{ width:98px;  height:214pxposition:absolute; right:5px;} 
  4. .picBtnTop .hd ul li{ width:93pxpadding:0 0 5px 5px;  text-align:centerline-height:0px;  } 
  5. .picBtnTop .hd ul li img{ width:85pxheight:60pxborder:4px solid #dddcursor:pointer;  } 
  6. .picBtnTop .hd ul li.on{ background:url("images/icoleft.gif"no-repeat 0 28px; } 
  7. .picBtnTop .hd ul li.on img{ border-color:#f60;  } 
  8. .picBtnTop .bd{ width:400px;  height:214pxposition:relative;  } 
  9. .picBtnTop .bd img{ width:400pxheight:214px;  } 
  10. .picBtnTop .bd li{ position:relative; zoom:1; } 
  11. .picBtnTop .bd li .pic{ position:relativez-index:0line-height:0px;  } 
  12. .picBtnTop .bd li .bg{ width:400pxheight:30pxposition:absolute; left:0; bottom:0z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    } 
  13. .picBtnTop .bd li .title{ width:400pxheight:30pxline-height:30px; left:0; bottom:0;   position:absolutez-index:2;  } 
  14. .picBtnTop .bd li .title a{ color:#fff;  }