淘宝首页上下滑动图片JS幻灯片

淘宝首页上下滑动图片JS幻灯片
 点击预览  点击下载

使用说明:

在<head>区加入

  1. <link href="css/css.css" rel="stylesheet" type="text/css"
  2. <script src="js/yu.js" type="text/javascript"></script> 
  3. <script src="js/tb.js" type="text/javascript"></script> 

在<body>区加入

  1. <div id="MainPromotionBanner"> 
  2. <div id="SlidePlayer"> 
  3. <ul class="Slides"> 
  4. <li><a target="_blank" href="http://www.daimajiayuan.com/"><img src="images/01.jpg"></a></li> 
  5. <li><a target="_blank" href="http://www.daimajiayuan.com/"><img src="images/02.jpg"></a></li> 
  6. <li><a target="_blank" href="http://www.daimajiayuan.com/"><img src="images/03.jpg"></a></li> 
  7. <li><a target="_blank" href="http://www.daimajiayuan.com/"><img src="images/04.jpg"></a></li> 
  8. <li><a target="_blank" href="http://www.daimajiayuan.com/"><img src="images/05.jpg"></a></li> 
  9. </ul> 
  10. </div> 
  11. <script type="text/javascript"> 
  12.    TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'}); 
  13. </script> 
  14. </div> 

转载请注明:代码家园 » 淘宝首页上下滑动图片JS幻灯片

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)