• 1
  • 2
  • 3
js调用: jQuery("#focusAd").slide({ mainCell:".bd ul",effect: "leftLoop",autoPlay:true});

要加上下面代码,让ie6支持png半透明:
<!--[if IE 6]>
<script type="text/javascript" src="../DD_belatedPNG.js"></script>
<script>DD_belatedPNG.fix('#focusAd .bg,#focusAd .con,#focusAd .prev,#focusAd .next');</script>
<![endif]-->
  1. .tv-slideBox{  height:288pxoverflow:hiddenbackground:#333position:relative;   } 
  2. .tv-slideBox .hd{ display:none;  } 
  3. .tv-slideBox li{ overflow:hidden;  } 
  4. .tv-slideBox li .pic{ width:720pxfloat:left;   } 
  5. .tv-slideBox li .pic img{ width:720px;  } 
  6. .tv-slideBox li .con{ position:relative;  background:#fff;  height:288pxwidth:240pxpadding-left:20px;   float:leftbackground:url("demoEffect/images/gtvSplit.png"-281px 0 repeat-y;  } 
  7. .tv-slideBox li .con .bg{ position:absolutewidth:96pxheight:96px; right:0px; top:0pxbackground:url("demoEffect/images/gtvSplit.png"-84px 0 no-repeat;    } 
  8. .tv-slideBox li .con .title{  width:170pxpadding-top:30pxheight:68px;  } 
  9. .tv-slideBox li .con .title a{ color:#fff;  font:normal 14px/22px "Microsoft YaHei"_font-weight:bold; } 
  10. .tv-slideBox li .con .intro{ color:#cbcbcbwidth:220pxborder-top:1px dotted #cbcbcb;  padding-top:10pxmargin-top:10px;   } 
  11. .tv-slideBox li .con .intro .more{ position:absolute; bottom:20px; left:20pxdisplay:blockwidth:94pxheight:28pxbackground:url("demoEffect/images/gtvSplit.png"-184px 0 no-repeatoverflow:hiddenline-height:990px;   } 
  12. .tv-slideBox li .con .intro .more:hover{ bottom:21px; } 
  13. .tv-slideBox .prev,.tv-slideBox .next{ position:absolutez-index:1;width:39pxheight:87pxoverflow:hiddencursor:pointer; left:10px; top:80pxbackground:url("demoEffect/images/gtvSplit.png"0 0 no-repeat; } 
  14. .tv-slideBox .next{ background-position:-41px 0; left:674px; } 
  15. .tv-slideBox .prev:hover,.tv-slideBox .next:hover{ top:79px;  }