menu.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!-- saved from url=(0033)https://vr.njmuseum.com/menu.html -->
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
  5. <script src="chrome-extension://gkkcgbepkkhfnnjolcaggogkjodmlpkh/assets/content-main-world.ts-AyIWFy1P.js" type="module"></script>
  6. </head>
  7. <body>
  8. <div class="menubox">
  9. <div class="menuicon close" onclick="hideMenu()"></div>
  10. <ul class="menulist">
  11. <li onclick="showVideoPage()">文物科普视频</li>
  12. <li onclick="showSkPage()">南朝石刻云展</li>
  13. <!-- <li onclick="showDmzPage()">观天�&#65533;<small>·大明的世�&#65533;</small></li> -->
  14. <li onclick="showWwPage()">文物数字云展</li>
  15. </ul>
  16. </div>
  17. <script>
  18. function showMenu() {
  19. if ($(".nextbox .add").hasClass("close")) {
  20. hideMenu();
  21. return;
  22. }
  23. $(".menubox").removeClass("hide").addClass("active");
  24. setTimeout(() => {
  25. $(".menubox").addClass("current");
  26. }, 50);
  27. $(".nextbox .add").addClass("close");
  28. }
  29. // 隐藏菜单
  30. function hideMenu() {
  31. $(".menubox").removeClass("active current").addClass("hide");
  32. $(".nextbox .add").removeClass("close");
  33. }
  34. // 展示视频
  35. function showVideoPage() {
  36. $.fn.fullpage.moveTo(2, 0);
  37. }
  38. function showSkPage() {
  39. $.fn.fullpage.moveTo(videonum + 1, 0);
  40. }
  41. function showDmzPage() {
  42. $.fn.fullpage.moveTo(videonum + sknum + 1, 0);
  43. }
  44. // 展示三维文物
  45. function showWwPage() {
  46. $.fn.fullpage.moveTo(videonum + sknum + dmznum + 1, 0);
  47. }
  48. </script>
  49. </body>
  50. </html>