{"id":4803,"date":"2019-01-29T19:11:37","date_gmt":"2019-01-29T11:11:37","guid":{"rendered":"https:\/\/www.malvernchengdu.cn\/en\/?page_id=4803"},"modified":"2022-09-20T10:31:34","modified_gmt":"2022-09-20T02:31:34","slug":"introduction-to-xinjin-xqzk","status":"publish","type":"page","link":"https:\/\/www.malvernchengdu.cn\/en\/introduction-to-xinjin-xqzk\/","title":{"rendered":"New Campus 3D Model"},"content":{"rendered":"<div class=\"qr\" style=\"text-align: center; display: none; width: 100%;\">\r\n<div style=\"text-align: center; width: 100%; border-bottom: 1px solid #ccc; line-height: 45px; font-size: 16px;\">Malvern College Chengdu New Campus<\/div>\r\n<div class=\"gh_phone\"><img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_phone.jpg\" width=\"100%\" \/><\/div>\r\n<div style=\"width: 100%; position: absolute; z-index: 2; top: 56%; left: 0px;\"><img decoding=\"async\" style=\"width: 280px; height: 242px;\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_phone_1.png\" \/><\/div>\r\n<div style=\"width: 100%; text-align: center; position: absolute; z-index: 20; top: 58%; left: 0px;\">\r\n<div style=\"padding-top: 2px; color: #646464; font-size: 14px; margin-right: 0px; font-family: itc-medium;\">Please scan the Sun Code via WeChat<\/div>\r\n<div style=\"padding-top: 0px; width: 80%; margin-left: 10%; color: #64646478; font-size: 12px; font-family: itc-medium;\">Please enter the Mini App to view the New Campus of Malvern College Chengdu<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"container page1\" style=\"max-width: 750px; text-align: center; overflow: hidden; padding-bottom: 50px; display: none;\">\r\n<div class=\"title\" style=\"color: #777; font-size: 18px; border-bottom: 1px solid #dfdfdf; padding: 5px 0; margin: 20px 0; font-weight: bold;\">Malvern College Chengdu New Campus<\/div>\r\n<video class=\"video\" style=\"display: inline-block; vertical-align: baseline; width: 100%;\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/js\/video43.mp4\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"> \r\n<p>Your browser does not support video playback<\/p>\r\n <\/video>\r\n<div class=\"tips\">If you have interest in Malvern College Chengdu,please click the button below to know more.<\/div>\r\n<a class=\"btn\">Please click here to view the pictures of interior design<\/a>\r\n<div style=\"background-color: #ecf3f9; width: 100%; height: 10px; margin-top: 30px;\">\u00a0<\/div>\r\n<div style=\"background-color: #bbd6c3; width: 100%; height: 345px; margin-top: 0px;\">\r\n<div style=\"text-align: center; width: 100%; padding-top: 10px; color: white; font-size: 22px; font-family: itc-medium;\">Please scan the Sun Code via WeChat<\/div>\r\n<div style=\"text-align: center; width: 100%; padding-top: 0px; color: white; font-size: 18px; font-family: itc-medium;\">Please enter the Mini App to view the New Campus of Malvern College Chengdu<\/div>\r\n<div style=\"text-align: center; width: 100%; padding-top: 10px;\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_1280.png\" width=\"200\" height=\"200\" \/><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"pageContent\" style=\"display: none; max-width: 750px; text-align: center; overflow: hidden; padding-bottom: 50px;\">\r\n<div class=\"container page2\">\r\n<div class=\"title\" style=\"color: #777; font-size: 18px; border-bottom: 1px solid #dfdfdf; padding: 5px 0; margin: 20px 0; font-weight: bold;\">Interior Design<\/div>\r\n<div class=\"gif\">\r\n<div class=\"mask\"><img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/floor.gif\" width=\"100%\" \/><\/div>\r\n<\/div>\r\n<div class=\"divide\">\r\n<div class=\"dot\" style=\"background: #f2f2f2;\">\u00a0<\/div>\r\n<div class=\"dot\" style=\"background: #e3e3e3;\">\u00a0<\/div>\r\n<div class=\"dot\" style=\"background: #cdcdcd;\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"floor-box f1\">\r\n<div class=\"floor-name\">1F<\/div>\r\n<div class=\"floor-map\">\r\n<div class=\"room1\">\u00a0<\/div>\r\n<div class=\"room2\">\u00a0<\/div>\r\n<div class=\"room3\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"box\">\r\n<div class=\"room-list\">\r\n<div class=\"room room1\">\r\n<div class=\"name\">1F-Lobby<\/div>\r\n<a class=\"f1r1\" data-hover=\".f1 .floor-map .room1\" data-name=\"Lobby\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\" data-floor=\".f1\"> <img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room1.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"room room2\">\r\n<div class=\"name\">1F-Reading Room<\/div>\r\n<a class=\"f1r2\" data-hover=\".f1 .floor-map .room2\" data-name=\"Reading Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f2.html\" data-floor=\".f1\"> <img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room2.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"room room3\">\r\n<div class=\"name\">1F-Activity Room<\/div>\r\n<a class=\"f1r3\" data-hover=\".f1 .floor-map .room3\" data-name=\"Activity Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f3.html\" data-floor=\".f1\"> <img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room3.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"floor-box f2\">\r\n<div class=\"floor-name\">2F<\/div>\r\n<div class=\"floor-map\">\r\n<div class=\"room1\">\u00a0<\/div>\r\n<div class=\"room2\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"box\">\r\n<div class=\"room-list\">\r\n<div class=\"room room1\">\r\n<div class=\"name\">2F-Primary Classroom 1<\/div>\r\n<a class=\"f2r1\" data-hover=\".f2 .floor-map .room1\" data-name=\"Primary Classroom 1\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs1.jpg\" data-floor=\".f2\"><img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/2f\/room1.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\" style=\"margin: 35% 0;\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"room room2\">\r\n<div class=\"name\">2F-Primary Classroom 2<\/div>\r\n<a class=\"f2r2\" data-name=\"Primary Classroom 2\" data-hover=\".f2 .floor-map .room2\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs2.jpg\" data-floor=\".f2\"><img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/2f\/room2.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\" style=\"margin: 35% 0;\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"floor-box f3\">\r\n<div class=\"floor-name\">3F<\/div>\r\n<div class=\"floor-map\">\r\n<div class=\"room1\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"box\">\r\n<div class=\"room-list\">\r\n<div class=\"room room1\">\r\n<div class=\"name\">3F-Activity Room<\/div>\r\n<a class=\"f3r1\" data-hover=\".f3 .floor-map .room1\" data-floor=\".f3\"> <img decoding=\"async\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/3f\/room1.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mask-panel\" style=\"display: none;\">\r\n<div class=\"f1 floor\">\r\n<div class=\"title\">1F<\/div>\r\n<div class=\"panel\">\r\n<div class=\"map\"><a class=\"room1\" data-name=\"Lobby\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\">Lobby<\/a> <a class=\"room2\" data-name=\"Reading Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f2.html\">Reading Room<\/a> <a class=\"room3\" data-name=\"Activity Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f3.html\">Activity Room<\/a><\/div>\r\n<div class=\"vr-panel\">\r\n<div class=\"name\">Lobby<\/div>\r\n<div class=\"iframe\"><iframe loading=\"lazy\" src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\" width=\"750\" height=\"450\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/div>\r\n<div class=\"tips\">\r\n<div class=\"txt\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"f2 floor\">\r\n<div class=\"title\">2F<\/div>\r\n<div class=\"panel\">\r\n<div class=\"map\"><a class=\"room1\" data-name=\"Primary Classroom 1\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs1.jpg\">Primary Classroom 1<\/a> <a class=\"room2\" data-name=\"Primary Classroom 2\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs2.jpg\">Primary Classroom 2<\/a><\/div>\r\n<div class=\"vr-panel\">\r\n<div class=\"name\">Primary Classroom<\/div>\r\n<div class=\"iframe\"><img width=\"750\" height=\"450\" \/><\/div>\r\n<div class=\"tips\">\r\n<div class=\"txt\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"f3 floor\">\r\n<div class=\"title\">3F<\/div>\r\n<div class=\"panel\">\r\n<div class=\"map\"><a class=\"room1\" data-name=\"Activity Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/3f.html\">Activity Room<\/a><\/div>\r\n<div class=\"vr-panel\">\r\n<div class=\"name\">Activity Room<\/div>\r\n<div class=\"iframe\"><iframe loading=\"lazy\" src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/3f.html\" width=\"750\" height=\"450\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/div>\r\n<div class=\"tips\">\r\n<div class=\"txt\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script><\/p>\r\n<!-- <script type=\"text\/javascript\" src=\"js\/main.js\"><\/script>-->\r\n<p><script>\r\n    $(document).ready(function(){\r\n        if ((navigator.userAgent.match(\/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)\/i))) {\r\n            console.log('\u624b\u673a\u7aef');\r\n           \/\/ $('.container').hide();\r\n            $('.qr').show();\r\n        }else{\r\n            console.log('PC\u7aef');\r\n            $('.page1').show();\r\n        }\r\n        $(\".btn\").on(\"click\",function(){\r\n            $('.page1').hide();\r\n            $('.pageContent').show();\r\n        });\r\n\r\n        $('.f1r1,.f1r2,.f1r3,.f2r1,.f2r2,.f3r1').hover(function(){\r\n            $($(this).data('hover')).addClass('hover');\r\n        }, function(){\r\n            $($(this).data('hover')).removeClass('hover');\r\n        });\r\n         $('.f2r1,.f2r2').click(function(){\r\n            $('.mask-panel').show();\r\n            $('.mask-panel').find($(this).data('floor')).show();\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f2 .vr-panel .name').html(name);\r\n            $('.mask-panel .f2 .vr-panel .iframe img').attr('src',src);\r\n           \/\/ $('.mask-panel .vr-panel .tips').show();\r\n           \/\/ $('.mask-panel .vr-panel').addClass('active');\r\n           \/* setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);*\/\r\n        });\r\n        $('.f1r1,.f1r2,.f1r3,.f3r1').click(function(){\r\n            $('.mask-panel').show();\r\n            $('.mask-panel').find($(this).data('floor')).show();\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f1 .vr-panel .name').html(name);\r\n            $('.mask-panel .f1 .vr-panel iframe').attr('src',src);\r\n            $('.mask-panel .vr-panel .tips').show();\r\n            $('.mask-panel .vr-panel').addClass('active');\r\n            setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);\r\n        });\r\n        $('.mask-panel .f2 .map a').click(function(){\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f2 .vr-panel .name').html(name);\r\n            $('.mask-panel .f2 .vr-panel .iframe img').attr('src',src);\r\n            \/\/$('.mask-panel .vr-panel .tips').show();\r\n           \/\/ $('.mask-panel .vr-panel').addClass('active');\r\n           \/* setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);*\/\r\n        });\r\n\r\n        $('.mask-panel .f1 .map a,.mask-panel .f3 .map a').click(function(){\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f1 .vr-panel .name').html(name);\r\n            $('.mask-panel .f1 .vr-panel iframe').attr('src',src);\r\n            $('.mask-panel .vr-panel .tips').show();\r\n            $('.mask-panel .vr-panel').addClass('active');\r\n            setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);\r\n        });\r\n\r\n        $('.mask-panel .close').click(function(){\r\n            $('.mask-panel .floor').hide();\r\n            $('.mask-panel').hide();\r\n        });\r\n    });\r\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"Malvern College Chengdu New Campus Please scan the Sun Code via WeChat Please enter the Mini App to view the New Campus of Malvern College Chengdu Malvern College Chengdu New Campus Your browser does not support video playback If you have interest in Malvern College Chengdu,please click the button below to know more. Please click&#8230; <a class=\"view-article\" href=\"https:\/\/www.malvernchengdu.cn\/en\/introduction-to-xinjin-xqzk\/\">View Article<\/a>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_en_post_content":"<div class=\"qr\" style=\"text-align: center; display: none; width: 100%;\">\r\n<div style=\"text-align: center; width: 100%; border-bottom: 1px solid #ccc; line-height: 45px; font-size: 16px;\">Malvern College Chengdu New Campus<\/div>\r\n<div class=\"gh_phone\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_phone.jpg\" width=\"100%\" \/><\/div>\r\n<div style=\"width: 100%; position: absolute; z-index: 2; top: 56%; left: 0px;\"><img style=\"width: 280px; height: 242px;\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_phone_1.png\" \/><\/div>\r\n<div style=\"width: 100%; text-align: center; position: absolute; z-index: 20; top: 58%; left: 0px;\">\r\n<div style=\"padding-top: 2px; color: #646464; font-size: 14px; margin-right: 0px; font-family: itc-medium;\">Please scan the Sun Code via WeChat<\/div>\r\n<div style=\"padding-top: 0px; width: 80%; margin-left: 10%; color: #64646478; font-size: 12px; font-family: itc-medium;\">Please enter the Mini App to view the New Campus of Malvern College Chengdu<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"container page1\" style=\"max-width: 750px; text-align: center; overflow: hidden; padding-bottom: 50px; display: none;\">\r\n<div class=\"title\" style=\"color: #777; font-size: 18px; border-bottom: 1px solid #dfdfdf; padding: 5px 0; margin: 20px 0; font-weight: bold;\">Malvern College Chengdu New Campus<\/div>\r\n<video class=\"video\" style=\"display: inline-block; vertical-align: baseline; width: 100%;\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/js\/video43.mp4\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\"> \r\n<p>Your browser does not support video playback<\/p>\r\n <\/video>\r\n<div class=\"tips\">If you have interest in Malvern College Chengdu,please click the button below to know more.<\/div>\r\n<a class=\"btn\">Please click here to view the pictures of interior design<\/a>\r\n<div style=\"background-color: #ecf3f9; width: 100%; height: 10px; margin-top: 30px;\">\u00a0<\/div>\r\n<div style=\"background-color: #bbd6c3; width: 100%; height: 345px; margin-top: 0px;\">\r\n<div style=\"text-align: center; width: 100%; padding-top: 10px; color: white; font-size: 22px; font-family: itc-medium;\">Please scan the Sun Code via WeChat<\/div>\r\n<div style=\"text-align: center; width: 100%; padding-top: 0px; color: white; font-size: 18px; font-family: itc-medium;\">Please enter the Mini App to view the New Campus of Malvern College Chengdu<\/div>\r\n<div style=\"text-align: center; width: 100%; padding-top: 10px;\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_1280.png\" width=\"200\" height=\"200\" \/><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"pageContent\" style=\"display: none; max-width: 750px; text-align: center; overflow: hidden; padding-bottom: 50px;\">\r\n<div class=\"container page2\">\r\n<div class=\"title\" style=\"color: #777; font-size: 18px; border-bottom: 1px solid #dfdfdf; padding: 5px 0; margin: 20px 0; font-weight: bold;\">Interior Design<\/div>\r\n<div class=\"gif\">\r\n<div class=\"mask\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/floor.gif\" width=\"100%\" \/><\/div>\r\n<\/div>\r\n<div class=\"divide\">\r\n<div class=\"dot\" style=\"background: #f2f2f2;\">\u00a0<\/div>\r\n<div class=\"dot\" style=\"background: #e3e3e3;\">\u00a0<\/div>\r\n<div class=\"dot\" style=\"background: #cdcdcd;\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"floor-box f1\">\r\n<div class=\"floor-name\">1F<\/div>\r\n<div class=\"floor-map\">\r\n<div class=\"room1\">\u00a0<\/div>\r\n<div class=\"room2\">\u00a0<\/div>\r\n<div class=\"room3\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"box\">\r\n<div class=\"room-list\">\r\n<div class=\"room room1\">\r\n<div class=\"name\">1F-Lobby<\/div>\r\n<a class=\"f1r1\" data-hover=\".f1 .floor-map .room1\" data-name=\"Lobby\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\" data-floor=\".f1\"> <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room1.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"room room2\">\r\n<div class=\"name\">1F-Reading Room<\/div>\r\n<a class=\"f1r2\" data-hover=\".f1 .floor-map .room2\" data-name=\"Reading Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f2.html\" data-floor=\".f1\"> <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room2.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"room room3\">\r\n<div class=\"name\">1F-Activity Room<\/div>\r\n<a class=\"f1r3\" data-hover=\".f1 .floor-map .room3\" data-name=\"Activity Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f3.html\" data-floor=\".f1\"> <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room3.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"floor-box f2\">\r\n<div class=\"floor-name\">2F<\/div>\r\n<div class=\"floor-map\">\r\n<div class=\"room1\">\u00a0<\/div>\r\n<div class=\"room2\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"box\">\r\n<div class=\"room-list\">\r\n<div class=\"room room1\">\r\n<div class=\"name\">2F-Primary Classroom 1<\/div>\r\n<a class=\"f2r1\" data-hover=\".f2 .floor-map .room1\" data-name=\"Primary Classroom 1\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs1.jpg\" data-floor=\".f2\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/2f\/room1.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\" style=\"margin: 35% 0;\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"room room2\">\r\n<div class=\"name\">2F-Primary Classroom 2<\/div>\r\n<a class=\"f2r2\" data-name=\"Primary Classroom 2\" data-hover=\".f2 .floor-map .room2\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs2.jpg\" data-floor=\".f2\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/2f\/room2.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\" style=\"margin: 35% 0;\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"floor-box f3\">\r\n<div class=\"floor-name\">3F<\/div>\r\n<div class=\"floor-map\">\r\n<div class=\"room1\">\u00a0<\/div>\r\n<\/div>\r\n<div class=\"box\">\r\n<div class=\"room-list\">\r\n<div class=\"room room1\">\r\n<div class=\"name\">3F-Activity Room<\/div>\r\n<a class=\"f3r1\" data-hover=\".f3 .floor-map .room1\" data-floor=\".f3\"> <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/3f\/room1.jpg\" width=\"100%\" \/><\/a>\r\n<div class=\"hover\">\r\n<div class=\"txt\">Please click the above to view the virtual reality pictures of the interior design<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mask-panel\" style=\"display: none;\">\r\n<div class=\"f1 floor\">\r\n<div class=\"title\">1F<\/div>\r\n<div class=\"panel\">\r\n<div class=\"map\"><a class=\"room1\" data-name=\"Lobby\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\">Lobby<\/a> <a class=\"room2\" data-name=\"Reading Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f2.html\">Reading Room<\/a> <a class=\"room3\" data-name=\"Activity Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f3.html\">Activity Room<\/a><\/div>\r\n<div class=\"vr-panel\">\r\n<div class=\"name\">Lobby<\/div>\r\n<div class=\"iframe\"><iframe src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\" width=\"750\" height=\"450\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/div>\r\n<div class=\"tips\">\r\n<div class=\"txt\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"f2 floor\">\r\n<div class=\"title\">2F<\/div>\r\n<div class=\"panel\">\r\n<div class=\"map\"><a class=\"room1\" data-name=\"Primary Classroom 1\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs1.jpg\">Primary Classroom 1<\/a> <a class=\"room2\" data-name=\"Primary Classroom 2\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs2.jpg\">Primary Classroom 2<\/a><\/div>\r\n<div class=\"vr-panel\">\r\n<div class=\"name\">Primary Classroom<\/div>\r\n<div class=\"iframe\"><img width=\"750\" height=\"450\" \/><\/div>\r\n<div class=\"tips\">\r\n<div class=\"txt\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"f3 floor\">\r\n<div class=\"title\">3F<\/div>\r\n<div class=\"panel\">\r\n<div class=\"map\"><a class=\"room1\" data-name=\"Activity Room\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/3f.html\">Activity Room<\/a><\/div>\r\n<div class=\"vr-panel\">\r\n<div class=\"name\">Activity Room<\/div>\r\n<div class=\"iframe\"><iframe src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/3f.html\" width=\"750\" height=\"450\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/div>\r\n<div class=\"tips\">\r\n<div class=\"txt\">Click here to view<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script><\/p>\r\n<!-- <script type=\"text\/javascript\" src=\"js\/main.js\"><\/script>-->\r\n<p><script>\r\n    $(document).ready(function(){\r\n        if ((navigator.userAgent.match(\/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)\/i))) {\r\n            console.log('\u624b\u673a\u7aef');\r\n           \/\/ $('.container').hide();\r\n            $('.qr').show();\r\n        }else{\r\n            console.log('PC\u7aef');\r\n            $('.page1').show();\r\n        }\r\n        $(\".btn\").on(\"click\",function(){\r\n            $('.page1').hide();\r\n            $('.pageContent').show();\r\n        });\r\n\r\n        $('.f1r1,.f1r2,.f1r3,.f2r1,.f2r2,.f3r1').hover(function(){\r\n            $($(this).data('hover')).addClass('hover');\r\n        }, function(){\r\n            $($(this).data('hover')).removeClass('hover');\r\n        });\r\n         $('.f2r1,.f2r2').click(function(){\r\n            $('.mask-panel').show();\r\n            $('.mask-panel').find($(this).data('floor')).show();\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f2 .vr-panel .name').html(name);\r\n            $('.mask-panel .f2 .vr-panel .iframe img').attr('src',src);\r\n           \/\/ $('.mask-panel .vr-panel .tips').show();\r\n           \/\/ $('.mask-panel .vr-panel').addClass('active');\r\n           \/* setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);*\/\r\n        });\r\n        $('.f1r1,.f1r2,.f1r3,.f3r1').click(function(){\r\n            $('.mask-panel').show();\r\n            $('.mask-panel').find($(this).data('floor')).show();\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f1 .vr-panel .name').html(name);\r\n            $('.mask-panel .f1 .vr-panel iframe').attr('src',src);\r\n            $('.mask-panel .vr-panel .tips').show();\r\n            $('.mask-panel .vr-panel').addClass('active');\r\n            setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);\r\n        });\r\n        $('.mask-panel .f2 .map a').click(function(){\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f2 .vr-panel .name').html(name);\r\n            $('.mask-panel .f2 .vr-panel .iframe img').attr('src',src);\r\n            \/\/$('.mask-panel .vr-panel .tips').show();\r\n           \/\/ $('.mask-panel .vr-panel').addClass('active');\r\n           \/* setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);*\/\r\n        });\r\n\r\n        $('.mask-panel .f1 .map a,.mask-panel .f3 .map a').click(function(){\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f1 .vr-panel .name').html(name);\r\n            $('.mask-panel .f1 .vr-panel iframe').attr('src',src);\r\n            $('.mask-panel .vr-panel .tips').show();\r\n            $('.mask-panel .vr-panel').addClass('active');\r\n            setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);\r\n        });\r\n\r\n        $('.mask-panel .close').click(function(){\r\n            $('.mask-panel .floor').hide();\r\n            $('.mask-panel').hide();\r\n        });\r\n    });\r\n<\/script><\/p>","_en_post_name":"introduction-to-xinjin-xqzk","_en_post_excerpt":"","_en_post_title":"New Campus 3D Model","_zh_post_content":"<div class=\"qr\" style=\"text-align: center; display:none;width: 100%;\">\r\n        <div style=\"text-align: center;  width: 100%;border-bottom: 1px solid #ccc;line-height: 45px;font-size:16px;\">\u6210\u90fd\u58a8\u5c14\u6587\u65b0\u6821\u533a\u4e3b\u4f53\u5448\u73b0<\/div>\r\n        <div class=\"gh_phone\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_phone.jpg\"  width=\"100%\"><\/div>\r\n        <div style=\"width:100%;position: absolute; z-index: 2; top: 56%; left: 0px; \"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_phone_1.png\" style=\"width: 280px;height: 255px;\"><\/div>\r\n        <div style=\"width:100%;text-align: center;position: absolute;z-index: 20;top:58%;left: 0px;\">\r\n            <div style=\"padding-top: 6px;  color: #646464; font-size: 16px;margin-right: 0px\">\u4fdd\u5b58\u56fe\u7247\u8bc6\u522b\u592a\u9633\u7801<\/div>\r\n            <div style=\"padding-top: 5px;  color: #646464; font-size: 12px;font-family: MSung-PRC-Light;margin-right: 0px\">\u8fdb\u5165\u58a8\u5c14\u6587\u5c0f\u7a0b\u5e8f\u89c2\u8d4f\u6210\u90fd\u58a8\u5c14\u6587\u65b0\u6821\u533a<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n<div class=\"container page1\" style=\"max-width: 750px;text-align: center;overflow: hidden;\r\n    padding-bottom: 50px;display:none;\">\r\n    <div class=\"title\" style=\"color: #777; font-size: 18px; border-bottom: 1px solid #dfdfdf;   padding: 5px 0; margin: 20px 0; font-weight: bold;\">\r\n        \u6210\u90fd\u58a8\u5c14\u6587\u65b0\u6821\u533a\u4e3b\u4f53\u5448\u73b0\r\n    <\/div>\r\n    <video class=\"video\" muted=\"\" autobuffer=\"\" autoloop=\"\" loop=\"\" autoplay=\"\" src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/js\/video43.mp4\" style=\"display: inline-block;vertical-align: baseline;width:100%;\">\r\n        <p>\u60a8\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u89c6\u9891\u64ad\u653e<\/p>\r\n    <\/video>\r\n    <div class=\"tips\">\r\n        \u5982\u679c\u60a8\u5bf9\u6211\u4eec\u7684\u6821\u56ed\u611f\u5174\u8da3\uff0c\u70b9\u51fb\u4e0b\u65b9\u6309\u94ae\u8fdb\u4e00\u6b65\u4e86\u89e3\u6211\u4eec\u3002\r\n    <\/div>\r\n    <a class=\"btn\">\u70b9\u51fb\u67e5\u770b\u5ba4\u5185\u6548\u679c<\/a>\r\n    <div style=\"background-color: #ecf3f9;width:100%;height: 10px;margin-top: 30px;\"><\/div>\r\n        <div style=\"background-color: #bbd6c3;width:100%;height: 290px;margin-top: 0px;\">\r\n             <div style=\"text-align: center;  width: 100%;  padding-top: 10px;  color: white; font-size: 22px;\">\u5fae\u4fe1\u626b\u63cf\u56fe\u7247\u8bc6\u522b\u592a\u9633\u7801<\/div>\r\n             <div style=\"text-align: center;  width: 100%;  padding-top: 0px;  color: white; font-size: 18px\">\u8fdb\u5165\u58a8\u5c14\u6587\u5c0f\u7a0b\u5e8f\u89c2\u8d4f\u6210\u90fd\u58a8\u5c14\u6587\u65b0\u6821\u533a<\/div>\r\n            <div style=\"text-align: center;width:100%;    padding-top: 10px;\">\r\n                <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/gh_1280.png\" width=\"200\" height=\"200\"\/>\r\n            <\/div>\r\n        <\/div>\r\n<\/div>\r\n<div class=\"pageContent\" style=\"display: none;max-width: 750px;text-align: center;overflow: hidden;\r\n    padding-bottom: 50px;\">\r\n    <div class=\"container page2\">\r\n        <div class=\"title\" style=\"color: #777; font-size: 18px; border-bottom: 1px solid #dfdfdf;   padding: 5px 0; margin: 20px 0; font-weight: bold;\">\r\n            \u5ba4\u5185\u6548\u679c\u5c55\u793a\r\n        <\/div>\r\n        <div class=\"gif\">\r\n            <div class=\"mask\">\r\n                <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/floor.gif\" width=\"100%\">\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"divide\">\r\n            <div class=\"dot\" style=\"background: #f2f2f2;\"><\/div>\r\n            <div class=\"dot\" style=\"background: #e3e3e3;\"><\/div>\r\n            <div class=\"dot\" style=\"background: #cdcdcd;\"><\/div>\r\n        <\/div>\r\n        <div class=\"floor-box f1\">\r\n            <div class=\"floor-name\"><span style=\"font-size:28px\">1<\/span>\u697c<\/div>\r\n            <div class=\"floor-map\">\r\n                <div class=\"room1\"><\/div>\r\n                <div class=\"room2\"><\/div>\r\n                <div class=\"room3\"><\/div>\r\n            <\/div>\r\n            <div class=\"box\">\r\n                <div class=\"room-list\">\r\n                    <div class=\"room room1\">\r\n                        <div class=\"name\">1\u697c-\u5e7c\u513f\u56ed\u95e8\u5385<\/div>\r\n                        <a class=\"f1r1\" href=\"javascript:void(0)\" data-hover=\".f1 .floor-map .room1\" data-name=\"\u95e8\u5385\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\" data-floor=\".f1\">\r\n                            <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room1.jpg\" width=\"100%\">\r\n                            <div class=\"hover\">\r\n                                <div class=\"txt\">\r\n                                    \u70b9\u51fb\u56fe\u7247<br\/>\u67e5\u770bVR\u5ba4\u5185\u5168\u666f\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"room room2\">\r\n                        <div class=\"name\">1\u697c-\u9605\u89c8\u5ba4<\/div>\r\n                        <a class=\"f1r2\" href=\"javascript:void(0)\" data-hover=\".f1 .floor-map .room2\" data-name=\"\u56fe\u4e66\u9605\u89c8\u5ba4\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f2.html\" data-floor=\".f1\">\r\n                            <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room2.jpg\" width=\"100%\">\r\n                            <div class=\"hover\">\r\n                                <div class=\"txt\">\r\n                                    \u70b9\u51fb\u56fe\u7247<br\/>\u67e5\u770bVR\u5ba4\u5185\u5168\u666f\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"room room3\">\r\n                        <div class=\"name\">1\u697c-\u5174\u8da3\u6d3b\u52a8\u5ba4<\/div>\r\n                        <a class=\"f1r3\" href=\"javascript:void(0)\" data-hover=\".f1 .floor-map .room3\" data-name=\"\u5174\u8da3\u6d3b\u52a8\u5ba4\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f3.html\" data-floor=\".f1\">\r\n                            <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/1f\/room3.jpg\" width=\"100%\">\r\n                            <div class=\"hover\">\r\n                                <div class=\"txt\">\r\n                                    \u70b9\u51fb\u56fe\u7247<br\/>\u67e5\u770bVR\u5ba4\u5185\u5168\u666f\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"floor-box f2\">\r\n            <div class=\"floor-name\"><span style=\"font-size:28px\">2<\/span>\u697c<\/div>\r\n            <div class=\"floor-map\">\r\n                <div class=\"room1\"><\/div>\r\n                <div class=\"room2\"><\/div>\r\n            <\/div>\r\n            <div class=\"box\">\r\n                <div class=\"room-list\">\r\n                    <div class=\"room room1\">\r\n                        <div class=\"name\">2\u697c-\u5c0f\u5b66\u6559\u5ba41<\/div>\r\n                        <a class=\"f2r1\" href=\"javascript:void(0)\" data-hover=\".f2 .floor-map .room1\" data-name=\"\u5c0f\u5b66\u6559\u5ba41\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs1.jpg\" data-floor=\".f2\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/2f\/room1.jpg\" width=\"100%\" >\r\n<div class=\"hover\">\r\n     <div class=\"txt\">\r\n         \u70b9\u51fb\u56fe\u7247<br>\u67e5\u770b\u5927\u56fe\r\n     <\/div>\r\n<\/div>\r\n<\/a>\r\n                    <\/div>\r\n                    <div class=\"room room2\">\r\n                        <div class=\"name\">2\u697c-\u5c0f\u5b66\u6559\u5ba42<\/div>\r\n                        <a class=\"f2r2\" href=\"javascript:void(0)\" data-name=\"\u5c0f\u5b66\u6559\u5ba42\" data-hover=\".f2 .floor-map .room2\"  data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs2.jpg\" data-floor=\".f2\"><img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/2f\/room2.jpg\" width=\"100%\" >\r\n<div class=\"hover\">\r\n     <div class=\"txt\">\r\n         \u70b9\u51fb\u56fe\u7247<br>\u67e5\u770b\u5927\u56fe\r\n     <\/div>\r\n<\/div><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"floor-box f3\">\r\n            <div class=\"floor-name\"><span style=\"font-size:28px\">3<\/span>\u697c<\/div>\r\n            <div class=\"floor-map\">\r\n                <div class=\"room1\"><\/div>\r\n            <\/div>\r\n            <div class=\"box\">\r\n                <div class=\"room-list\">\r\n                    <div class=\"room room1\">\r\n                        <div class=\"name\">3\u697c-\u6d3b\u52a8\u5ba4<\/div>\r\n                        <a class=\"f3r1\" href=\"javascript:void(0)\" data-hover=\".f3 .floor-map .room1\" data-floor=\".f3\">\r\n                            <img src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/3f\/room1.jpg\" width=\"100%\">\r\n                            <div class=\"hover\">\r\n                                <div class=\"txt\">\r\n                                    \u70b9\u51fb\u56fe\u7247<br\/>\u67e5\u770bVR\u5ba4\u5185\u5168\u666f\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"mask-panel\" style=\"display:none;\">\r\n        <span class=\"close\"><\/span>\r\n        <div class=\"f1 floor\">\r\n            <div class=\"title\"><span style=\"font-size:37px\">1<\/span>\u697c<\/div>\r\n            <div class=\"panel\">\r\n                <div class=\"map\">\r\n                    <a href=\"javascript:void(0)\" class=\"room1\" data-name=\"\u95e8\u5385\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\">\u95e8\u5385<\/a>\r\n                    <a href=\"javascript:void(0)\" class=\"room2\" data-name=\"\u56fe\u4e66\u9605\u89c8\u5ba4\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f2.html\">\u56fe\u4e66\u9605\u89c8\u5ba4<\/a>\r\n                    <a href=\"javascript:void(0)\" class=\"room3\" data-name=\"\u5174\u8da3\u6d3b\u52a8\u5ba4\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f3.html\">\u5174\u8da3\u6d3b\u52a8\u5ba4<\/a>\r\n                <\/div>\r\n                <div class=\"vr-panel\">\r\n                    <div class=\"name\">\u95e8\u5385<\/div>\r\n                    <div class=\"iframe\">\r\n                        <iframe src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/1f1.html\" frameborder=\"0\" scrolling=\"no\" width=\"750\" height=\"450\"><\/iframe>\r\n                    <\/div>\r\n                    <div class=\"tips\">\r\n                        <div class=\"txt\">\u9f20\u6807\u70b9\u51fb\u64cd\u4f5c<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"f2 floor\">\r\n                                        <div class=\"title\"><span style=\"font-size:37px\">2<\/span>\u697c<\/div>\r\n                                        <div class=\"panel\">\r\n                                             <div class=\"map\">\r\n    \t\t\t\t<a href=\"javascript:void(0)\" class=\"room1\" data-name=\"\u5c0f\u5b66\u6559\u5ba41\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs1.jpg\">\u5c0f\u5b66\u6559\u5ba41<\/a>\r\n    \t\t\t\t<a href=\"javascript:void(0)\" class=\"room2\" data-name=\"\u5c0f\u5b66\u6559\u5ba42\" data-src=\"\/wp-content\/themes\/malvernchengdu\/malvernhtml\/PC\/images\/xxjs2.jpg\">\u5c0f\u5b66\u6559\u5ba42<\/a>\r\n    \t\t\t\t\r\n    \t\t\t<\/div>\r\n                                            <div class=\"vr-panel\">\r\n                                                <div class=\"name\">\u5c0f\u5b66\u6559\u5ba4<\/div>\r\n                                                <div class=\"iframe\">\r\n                                                    <img src=\"\" width=\"750\" height=\"450\" \/>\r\n                                                   \r\n                                                <\/div>\r\n                                                <div class=\"tips\">\r\n                                                    <div class=\"txt\">\u9f20\u6807\u70b9\u51fb\u64cd\u4f5c<\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n        <div class=\"f3 floor\">\r\n            <div class=\"title\"><span style=\"font-size:37px\">3<\/span>\u697c<\/div>\r\n            <div class=\"panel\">\r\n                <div class=\"map\">\r\n                    <a href=\"javascript:void(0)\" class=\"room1\" data-name=\"\u6d3b\u52a8\u5ba4\" data-src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/3f.html\">\u6d3b\u52a8\u5ba4<\/a>\r\n                <\/div>\r\n                <div class=\"vr-panel\">\r\n                    <div class=\"name\">\u6d3b\u52a8\u5ba4<\/div>\r\n                    <div class=\"iframe\">\r\n                        <iframe src=\"https:\/\/demo.xiaoapp.cn\/mcc\/vr\/3f.html\" frameborder=\"0\" scrolling=\"no\" width=\"750\" height=\"450\"><\/iframe>\r\n                    <\/div>\r\n                    <div class=\"tips\">\r\n                        <div class=\"txt\">\u9f20\u6807\u70b9\u51fb\u64cd\u4f5c<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.3.1\/jquery.min.js\"><\/script>\r\n<!-- <script type=\"text\/javascript\" src=\"js\/main.js\"><\/script>-->\r\n<script>\r\n    $(document).ready(function(){\r\n        if ((navigator.userAgent.match(\/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)\/i))) {\r\n            console.log('\u624b\u673a\u7aef');\r\n           \/\/ $('.container').hide();\r\n            $('.qr').show();\r\n        }else{\r\n            console.log('PC\u7aef');\r\n            $('.page1').show();\r\n        }\r\n        $(\".btn\").on(\"click\",function(){\r\n            $('.page1').hide();\r\n            $('.pageContent').show();\r\n        });\r\n\r\n        $('.f1r1,.f1r2,.f1r3,.f2r1,.f2r2,.f3r1').hover(function(){\r\n            $($(this).data('hover')).addClass('hover');\r\n        }, function(){\r\n            $($(this).data('hover')).removeClass('hover');\r\n        });\r\n         $('.f2r1,.f2r2').click(function(){\r\n            $('.mask-panel').show();\r\n            $('.mask-panel').find($(this).data('floor')).show();\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f2 .vr-panel .name').html(name);\r\n            $('.mask-panel .f2 .vr-panel .iframe img').attr('src',src);\r\n           \/\/ $('.mask-panel .vr-panel .tips').show();\r\n           \/\/ $('.mask-panel .vr-panel').addClass('active');\r\n           \/* setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);*\/\r\n        });\r\n        $('.f1r1,.f1r2,.f1r3,.f3r1').click(function(){\r\n            $('.mask-panel').show();\r\n            $('.mask-panel').find($(this).data('floor')).show();\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f1 .vr-panel .name').html(name);\r\n            $('.mask-panel .f1 .vr-panel iframe').attr('src',src);\r\n            $('.mask-panel .vr-panel .tips').show();\r\n            $('.mask-panel .vr-panel').addClass('active');\r\n            setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);\r\n        });\r\n        $('.mask-panel .f2 .map a').click(function(){\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f2 .vr-panel .name').html(name);\r\n            $('.mask-panel .f2 .vr-panel .iframe img').attr('src',src);\r\n            \/\/$('.mask-panel .vr-panel .tips').show();\r\n           \/\/ $('.mask-panel .vr-panel').addClass('active');\r\n           \/* setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);*\/\r\n        });\r\n\r\n        $('.mask-panel .f1 .map a,.mask-panel .f3 .map a').click(function(){\r\n            var name = $(this).data('name');\r\n            var src = $(this).data('src');\r\n            $('.mask-panel .f1 .vr-panel .name').html(name);\r\n            $('.mask-panel .f1 .vr-panel iframe').attr('src',src);\r\n            $('.mask-panel .vr-panel .tips').show();\r\n            $('.mask-panel .vr-panel').addClass('active');\r\n            setTimeout(function(){\r\n                $('.mask-panel .vr-panel').removeClass('active');\r\n                $('.mask-panel .vr-panel .tips').fadeOut();\r\n            },2000);\r\n        });\r\n\r\n        $('.mask-panel .close').click(function(){\r\n            $('.mask-panel .floor').hide();\r\n            $('.mask-panel').hide();\r\n        });\r\n    });\r\n<\/script>\r\n","_zh_post_name":"xqzs","_zh_post_excerpt":"","_zh_post_title":"\u6821\u533a\u5c55\u793a","edit_language":"en","footnotes":""},"class_list":["post-4803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/pages\/4803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/comments?post=4803"}],"version-history":[{"count":8,"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/pages\/4803\/revisions"}],"predecessor-version":[{"id":9126,"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/pages\/4803\/revisions\/9126"}],"wp:attachment":[{"href":"https:\/\/www.malvernchengdu.cn\/en\/wp-json\/wp\/v2\/media?parent=4803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}