home.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <script src="js/jquery.min.js"></script>
  8. <link rel="stylesheet" href="css/iframe.css">
  9. <title>大屏</title>
  10. </head>
  11. <body>
  12. <ul class="nav">
  13. <li class="drop-down">
  14. <a href="#"></a>
  15. <!-- <ul class="drop-down-content">
  16. <li>
  17. <a href="./home.html">自动切换</a>
  18. </li>
  19. <li>
  20. <a href="./index.html">第一屏</a>
  21. </li>
  22. <li>
  23. <a href="./second.html">第二屏</a>
  24. </li>
  25. <li>
  26. <a href="./third.html">第三屏</a>
  27. </li>
  28. <li>
  29. <a href="./four.html?index=0">第四屏</a>
  30. </li>
  31. </ul> -->
  32. </li>
  33. </ul>
  34. <div class="home">
  35. <iframe id="demo1" src="index.html" frameborder="0" class="state-01 demo1"></iframe>
  36. <iframe src="second.html" frameborder="0" class="state-01 demo2"></iframe>
  37. <iframe src="third.html" frameborder="0" class="state-01 demo3"></iframe>
  38. <iframe src="four.html" frameborder="0" class="state-01 demo4"></iframe>
  39. </div>
  40. <script src="js/home.js"></script>
  41. </body>
  42. </html>