model.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. $('#m1').click(function(){
  2. $("#mymodel").css("opacity","0");
  3. $("#m1").css("border","2px solid #ac2b2b");
  4. $("#m2").css("border","none");
  5. $("#m3").css("border","none");
  6. $("#return-btn").css("border","none");
  7. $("#mymodel").animate({opacity:'1'},5000)
  8. $('.title-txt').addClass('undisplay');
  9. $('.model2_txt').addClass('undisplay');
  10. $('.model3_txt').addClass('undisplay');
  11. $('.model1_txt').removeClass('undisplay');
  12. var MV=document.getElementById("mymodel");
  13. MV.src='https://harp.cnmuseum.com/KOUXIAN/4dwebBanner/webplayer_11.html?load=source/M01.json';
  14. });
  15. $('#m2').click(function(){
  16. $("#mymodel").css("opacity","0");
  17. $("#m2").css("border","2px solid #ac2b2b");
  18. $("#m1").css("border","none");
  19. $("#m3").css("border","none");
  20. $("#return-btn").css("border","none");
  21. $("#mymodel").animate({opacity:'1'},5000)
  22. $('.title-txt').addClass('undisplay');
  23. $('.model1_txt').addClass('undisplay');
  24. $('.model3_txt').addClass('undisplay');
  25. $('.model2_txt').removeClass('undisplay');
  26. var MV=document.getElementById("mymodel");
  27. MV.src='https://harp.cnmuseum.com/KOUXIAN/4dwebBanner/webplayer_12.html?load=source/M002.json';
  28. });
  29. $('#m3').click(function(){
  30. $("#mymodel").css("opacity","0");
  31. $("#m3").css("border","2px solid #ac2b2b");
  32. $("#m1").css("border","none");
  33. $("#m2").css("border","none");
  34. $("#return-btn").css("border","none");
  35. $("#mymodel").animate({opacity:'1'},5000)
  36. $('.title-txt').addClass('undisplay');
  37. $('.model1_txt').addClass('undisplay');
  38. $('.model2_txt').addClass('undisplay');
  39. $('.model3_txt').removeClass('undisplay');
  40. var MV=document.getElementById("mymodel");
  41. MV.src='https://harp.cnmuseum.com/KOUXIAN/4dwebBanner/webplayer_13.html?load=source/M3.json';
  42. });
  43. $('#return-btn').click(function(){
  44. $('.title-txt').removeClass('undisplay');
  45. $('.model1_txt').addClass('undisplay');
  46. $('.model2_txt').addClass('undisplay');
  47. $('.model3_txt').addClass('undisplay');
  48. $("#return-btn").css("border","2px solid #ac2b2b");
  49. $("#m1").css("border","none");
  50. $("#m2").css("border","none");
  51. $("#m3").css("border","none");
  52. var MV=document.getElementById("mymodel");
  53. MV.src='';
  54. });