demo.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=1200,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <!--[if lt IE 9]>
  10. <script type="text/javascript" src="lib/html5.js"></script>
  11. <script type="text/javascript" src="lib/respond.min.js"></script>
  12. <script type="text/javascript" src="lib/PIE_IE678.js"></script>
  13. <![endif]-->
  14. <link href="http://static.h-ui.net/h-ui/css/H-ui.min.css?v34" rel="stylesheet" type="text/css" />
  15. <script type="text/javascript" src="http://lib.h-ui.net/jquery/1.9.1/jquery.min.js"></script>
  16. <!--[if IE 6]>
  17. <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
  18. <script>DD_belatedPNG.fix('*');</script>
  19. <![endif]-->
  20. <title></title>
  21. <meta name="keywords" content=""/>
  22. <style type="text/css">
  23. #slider-3{ width: 960px; height: 273px; overflow: hidden;}
  24. </style>
  25. </head>
  26. <body>
  27. <div id="slider-3">
  28. <div class="slider">
  29. <div class="bd">
  30. <ul>
  31. <li><a href="#" target="_blank"><img src="images/banner-1.jpg" ></a></li>
  32. <li><a href="#" target="_blank"><img src="images/banner-1.jpg" ></a></li>
  33. <li><a href="#" target="_blank"><img src="images/banner-1.jpg" ></a></li>
  34. <li><a href="#" target="_blank"><img src="images/banner-1.jpg" ></a></li>
  35. </ul>
  36. </div>
  37. <ol class="hd cl dots">
  38. <li>1</li>
  39. <li>2</li>
  40. <li>3</li>
  41. <li>4</li>
  42. </ol>
  43. </div>
  44. </div>
  45. <script type="text/javascript" src="http://lib.h-ui.net/jquery.SuperSlide/2.1.1/jquery.SuperSlide.min.js"></script>
  46. <script type="text/javascript">
  47. $(function(){
  48. jQuery("#slider-3 .slider").slide({mainCell:".bd ul",titCell:".hd li",trigger:"click",effect:"leftLoop",autoPlay:true,delayTime:700,interTime:7000,pnLoop:false,titOnClassName:"active"});
  49. });
  50. </script>
  51. </body>
  52. </html>