CINXE.COM
Museums - Shanghai Jiao Tong University
<!DOCTYPE html> <html lang="en"> <head> <title>Museums - Shanghai Jiao Tong University</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <link rel="shortcut icon" href="http://en.sjtu.edu.cn/favicon.ico" type="image/x-icon"/> <link rel="stylesheet" href="http://en.sjtu.edu.cn/layui/css/layui.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/video-js.min.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/swiper-bundle.min.css"> <link rel="stylesheet" href="https://at.alicdn.com/t/font_2441361_x8gjxthrrzb.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/animate.min.css"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/css.css?v=20240903"> <link rel="stylesheet" href="http://en.sjtu.edu.cn/css/style.css?v=2024011801"> </head> <body class="bg-grey no-banner"> <div class="headerTemp"></div> <header> <div class="header"> <div class="header-top"> <div class="logo"> <a href="/" class="logo-black"><img src="/images/logo.png" alt=""></a> <a href="/" class="logo-white"><img src="/images/logo_white.png" alt=""></a> </div> <div class="header-main"> <div class="secondary-nav"> <div class="secondary-bg"></div> <div class="flex"> <ul class="layui-nav nav-horizon" lay-filter=""> <li class="layui-nav-item"> <a href="javascript:;">Identity</a> <dl class="layui-nav-child"> <!-- 二级菜单 --> <dd><a href="/guide/students">Students</a></dd> <dd><a href="/guide/faculty_staff">Faculty & Staff</a></dd> <dd><a href="/guide/visitors">Visitors</a></dd> <dd><a href="/guide/alumni">Alumni</a></dd> </dl> </li> </ul> <ul> <li><a href="/giving" target="_blank">Giving</a></li> <li><a href="http://en.idc.sjtu.edu.cn/" target="_blank">Old</a></li> <li> <a href="https://www.sjtu.edu.cn/" target="_blank" class="language-btn"> <i class="iconfont icon-language"></i> 中文 </a> </li> </ul> </div> </div> <div class="header-nav"> <ul class="layui-nav nav-horizon" lay-filter="" id="resText"> <li class="layui-nav-item"> <a href="/about">About</a> </li> <li class="layui-nav-item"> <a href="/news">News & Events</a> </li> <li class="layui-nav-item"> <a href="/admission">Admission</a> </li> <li class="layui-nav-item"> <a href="/schools">Schools</a> </li> <li class="layui-nav-item"> <a href="/research">Research</a> </li> <li class="layui-nav-item"> <a href="/faculty/academicians/casmembers/1/all">Faculty</a> </li> <li class="layui-nav-item"> <a href="/campus">Campus</a> </li> </ul> <div class="search-btn"> <i class="iconfont icon-search1"></i> </div> <div class="menu-toggle"> <div class="toggle-iconfont"> <span></span> </div> </div> </div> </div> </div> </div> </header> <div class="search-container tc-box" style="display: none;"> <div class="tc-head"> <div class="logo"> <img src="/images/logo.png" alt=""> </div> <div class="close-btn"> <i class="iconfont icon-close"></i> Close </div> </div> <div class="tc-body"> <div class="container"> <div class="search-title"> Search for people or things you want to know </div> <form action="/search" class="layui-form" method="get"> <div class="input-box"> <select name="type" lay-verify=""> <option value="all">ALL</option> <option value="news">News</option> <option value="events">Events</option> </select> <input type="text" class="layui-input" placeholder="What are you looking for？" name="search"> <button type="submit" class="form-submit"><i class="iconfont icon-search"></i></button> </div> </form> </div> </div> </div> <div class="nav-container tc-box" style="display: none;background-image: url(/images/nav-bg.png); background-position: bottom right;background-size: cover;background-repeat: no-repeat;background-color: #fcfdff;"> <div class="tc-head"> <div class="logo"> <img src="/images/logo.png" alt=""> </div> <div class="close-btn"> <i class="iconfont icon-close"></i> Close </div> </div> <div class="tc-body"> <div class="nav-wrapper animated fadeInLeft"> <div class="nav-col-0"> <div class="nav-list"> <div class="nav-item"> <a href="/" class="title">Home</a> </div> <div class="nav-item"> <a href="/about" class="title">About</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/news" class="title">News & Events</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/admission" class="title">Admission</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/schools" class="title">Schools</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/research" class="title">Research</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/faculty/academicians/casmembers/1/all" class="title">Faculty</a> <i class="iconfont icon-right"></i> </div> <div class="nav-item"> <a href="/campus" class="title">Campus</a> <i class="iconfont icon-right"></i> </div> </div> </div> <div class="nav-col-1"> <div class="back">back</div> <div class="nav-child-list"> <div class="nav-child-item active"></div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> About <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/about/general_information" class="child-item"> General Information <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/history" class="child-item"> History <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/message" class="child-item"> Welcome Message <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/current_administrators" class="child-item"> Current Administrators <i class="iconfont icon-arrow-right"></i> </a> <a href="/about/facts_and_figures" class="child-item"> Facts and Figures <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> News & Events <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/news" class="child-item"> News <i class="iconfont icon-arrow-right"></i> </a> <a href="/events" class="child-item"> Events <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Admission <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/admission/561" class="child-item"> Undergraduate <i class="iconfont icon-arrow-right"></i> </a> <a href="/admission/562" class="child-item"> Graduate <i class="iconfont icon-arrow-right"></i> </a> <a href="/admission/563" class="child-item"> Non-Degree Programs <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Schools <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/schools#Engineering" class="child-item"> Engineering <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Sciences" class="child-item"> Sciences <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Life Medical Sciences" class="child-item"> Life Medical Sciences <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Humanities and Social Sciences" class="child-item"> Humanities and Social Sciences <i class="iconfont icon-arrow-right"></i> </a> <a href="/schools#Joint Institute" class="child-item"> Joint Institute <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Research <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="###" class="child-item"> State-level Research Units <i class="iconfont icon-arrow-right"></i> </a> <a href="/research/think_tank_institutions" class="child-item"> Think Tank Institutions <i class="iconfont icon-arrow-right"></i> </a> <a href="/research/journals" class="child-item"> Journals <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Faculty <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/faculty/academicians/casmembers/1/all" class="child-item"> Academicians <i class="iconfont icon-arrow-right"></i> </a> </div> <div class="nav-child-item"> <div class="nav-child-desc"> <div class="title"> Campus <i class="iconfont icon-arrow-right"></i> </div> <div class="desc"> </div> </div> <a href="/campus/campus_life" class="child-item"> Campus Life <i class="iconfont icon-arrow-right"></i> </a> <a href="https://www.lib.sjtu.edu.cn/f/main/index.shtml?lang=en-us" class="child-item"> Libraries <i class="iconfont icon-arrow-right"></i> </a> <a href="/campus/museums" class="child-item"> Museums <i class="iconfont icon-arrow-right"></i> </a> </div> </div> </div> </div> <div class="right-wrapper animated fadeInRight"> <div class="role-list"> <a href="/guide/visitors" class="item"> <i class="iconfont icon-visitor"></i> <span>Visitor</span> </a> <a href="/guide/students" class="item"> <i class="iconfont icon-student"></i> <span>Student</span> </a> <a href="/guide/faculty_staff" class="item"> <i class="iconfont icon-teacher"></i> <span>Faculty & Staff</span> </a> <a href="/guide/alumni" class="item"> <i class="iconfont icon-user-o"></i> <span>Alumni</span> </a> </div> </div> <div class="bottom animated fadeInUp"> <div class="left"> <ul> <!-- <li><a href="#"><i class="iconfont icon-mail-o"></i>E-mail</a></li> --> <li><a href="https://www.sjtu.edu.cn/resource/assets/img/xl2022.pdf" target="_balnk"><i class="iconfont icon-calendar-o"></i>School day</a></li> <li><a href="https://map.sjtu.edu.cn/" target="_balnk"><i class="iconfont icon-location-o"></i>Campus map</a></li> </ul> </div> <div class="right"> <a href="https://twitter.com/sjtu1896" target="_blank"><i class="iconfont icon-twitter"></i></a> <a href="https://www.facebook.com/sjtu1896/" target="_blank"><i class="iconfont icon-facebook"></i></a> <a href="https://www.instagram.com/shanghai_jiao_tong_uni/" target="_blank"><i class="iconfont icon-instagram"></i></a> <a href="https://www.youtube.com/c/ShanghaiJiaoTongUniversity/featured" target="_blank"><i class="iconfont icon-youtube-active"></i></a> </div> </div> </div> </div> <div class="breadcrumb-block"> <div class="breadcrumb"> <span class="layui-breadcrumb"> <a href="/"><i class="iconfont icon-home"></i> Home</a> <a href="/campus">Campus</a> <a><cite>Museums</cite></a> </span> </div> </div> <div class="main"> <div class="block"> <div class="layui-container"> <div class="template-list campus-list"> <a href="/campus/museums/165" class="template-item"> <div class="layui-row row-flex"> <div class="layui-col-sm6 layui-col-xs12"> <div class="img-box"> <div class="img"> <div class="absolute"> <img src="/storage/page/2021/12/2f05f84f4ae80727a0f819802ac34519.jpg"> </div> </div> </div> </div> <div class="layui-col-sm6 layui-col-xs12"> <div class="text-box"> <div class="text"> <div class="title">The Museum of Shanghai Jiao Tong University’s History</div> <div class="desc"> <p>The Museum of SJTU’s History was inaugurated in April 1996 at the Xuhui Campus and was remodeled in April 2016. In April 2021, a new museum covering 2,350 square meters was built inside the Wenbo Building at the Minhang campus. </p> </div> <object> <a href="/campus/museums/165" class="more-btn btn-primary"> <div class="flex is-center is-between"> <span>Read More</span><i class="iconfont icon-change"></i> </div> </a> </object> </div> </div> </div> </div> </a> <a href="/campus/museums/167" class="template-item"> <div class="layui-row row-flex"> <div class="layui-col-sm6 layui-col-xs12"> <div class="img-box"> <div class="img"> <div class="absolute"> <img src="/storage/page/2021/12/73bba860368cbbde9096b7888dccfe7e.png"> </div> </div> </div> </div> <div class="layui-col-sm6 layui-col-xs12"> <div class="text-box"> <div class="text"> <div class="title">Shanghai Jiao Tong University Museum</div> <div class="desc"> <p>SJTU Museum is a comprehensive museum for collection, exhibition, research, teaching, academic and cultural exchange. Currently, it has a collection of over 3,300 items including archives, paintings and manuscripts from celebrities. </p> </div> <object> <a href="/campus/museums/167" class="more-btn btn-primary"> <div class="flex is-center is-between"> <span>Read More</span><i class="iconfont icon-change"></i> </div> </a> </object> </div> </div> </div> </div> </a> <a href="/campus/museums/168" class="template-item"> <div class="layui-row row-flex"> <div class="layui-col-sm6 layui-col-xs12"> <div class="img-box"> <div class="img"> <div class="absolute"> <img src="/storage/page/2021/12/b0bd066921c7443f873c64ca52bfe6b5.jpg"> </div> </div> </div> </div> <div class="layui-col-sm6 layui-col-xs12"> <div class="text-box"> <div class="text"> <div class="title">C. Y. Tung Maritime Museum</div> <div class="desc"> <p>C. Y. Tung Maritime Museum was jointly founded by The Tung Foundation (HK) and Shanghai Jiao Tong University. It’s located in New Zhong Yuan on Xuhui Campus and was officially opened on January 18, 2003.</p> </div> <object> <a href="/campus/museums/168" class="more-btn btn-primary"> <div class="flex is-center is-between"> <span>Read More</span><i class="iconfont icon-change"></i> </div> </a> </object> </div> </div> </div> </div> </a> <a href="/campus/museums/169" class="template-item"> <div class="layui-row row-flex"> <div class="layui-col-sm6 layui-col-xs12"> <div class="img-box"> <div class="img"> <div class="absolute"> <img src="/storage/page/2021/12/f14ef447bbce0f5cb26f9bfafd206d3d.jpg"> </div> </div> </div> </div> <div class="layui-col-sm6 layui-col-xs12"> <div class="text-box"> <div class="text"> <div class="title">Cheng Ji Art Museum</div> <div class="desc"> <p>Cheng Ji Art Museum, located at Siyuan Lake in Minhang Campus of Shanghai Jiao Tong University, was donated by Mr. Cheng Ji, a contemporary Chinese-American watercolor master and lifelong academician of American Academy of Art. Officially opened on April 8th, 1999.</p> </div> <object> <a href="/campus/museums/169" class="more-btn btn-primary"> <div class="flex is-center is-between"> <span>Read More</span><i class="iconfont icon-change"></i> </div> </a> </object> </div> </div> </div> </div> </a> <a href="/campus/museums/170" class="template-item"> <div class="layui-row row-flex"> <div class="layui-col-sm6 layui-col-xs12"> <div class="img-box"> <div class="img"> <div class="absolute"> <img src="/storage/page/2021/12/7c46b4447c36f0c04a10464388cc09ee.jpg"> </div> </div> </div> </div> <div class="layui-col-sm6 layui-col-xs12"> <div class="text-box"> <div class="text"> <div class="title">Qian Xuesen Library & Museum</div> <div class="desc"> <p>Qian Xuesen Library & Museum, located in Shanghai Jiao Tong University (Xuhui Campus), was completed and open to the public on December 11, 2011- the 100th anniversary of Qian’s birth. </p> </div> <object> <a href="/campus/museums/170" class="more-btn btn-primary"> <div class="flex is-center is-between"> <span>Read More</span><i class="iconfont icon-change"></i> </div> </a> </object> </div> </div> </div> </div> </a> </div> </div> </div> </div> <footer> <div class="footer-top"> <div class="layui-container"> <div class="layui-row layui-col-space30 row-flex"> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12"> <!-- <div class="title "> Contact Us </div> --> <p><img src="http://en.sjtu.edu.cn/images/logo_white.png" alt="" style="max-width:100%;max-height:50px;margin-bottom:15px"></p> <p>Address: <br/>800 Dongchuan RD. Minhang District, Shanghai, China</p> <p>Telephone: <br/><a href="Tel:+86 21 54740000">+86 21 54740000</a></p> <p>Post Code: 200240</p> </div> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12"> <div class="title"> Quick Links </div> <ul class="footer-link"> <li><a href="/guide/students" target="_blank">Students</a></li> <li><a href="/faculty/teachers/1/all" target="_blank">Faculty&Staff</a></li> <li><a href="http://www.sjtu.org/web/index" target="_blank">Alumni</a></li> <li><a href="/guide/visitors" target="_blank">Visitor</a></li> </ul> </div> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12"> <div class="title"> Useful Links </div> <ul class="footer-link"> <li><a href="http://en.net.sjtu.edu.cn/" target="_blank">Network Center</a></li> <li><a href="https://isc.sjtu.edu.cn/EN/Default.aspx" target="_blank">How to Apply</a></li> <li><a href="https://dormnew.sjtu.edu.cn/login.action" target="_blank">Campus service</a></li> </ul> </div> <div class="layui-col-md3 layui-col-sm6 layui-col-xs12"> <div class="title"> Media </div> <ul class="media-list"> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-weixin"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_weixin.jpg" alt=""> </div> </li> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-weibo"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_weibo.jpg" alt=""> </div> </li> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-bilibili"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_bilibili.jpg" alt=""> </div> </li> <li class="media-item"> <a href="javascript:;"> <i class="iconfont icon-douyin"></i> </a> <div class="tc-box"> <img src="http://en.sjtu.edu.cn/images/qrcode_douyin.jpg" alt=""> </div> </li> <li class="media-item"> <a href="https://www.facebook.com/sjtu1896/" target="_blank"> <i class="iconfont icon-facebook"></i> </a> </li> <li class="media-item"> <a href="https://twitter.com/sjtu1896" target="_blank"> <i class="iconfont icon-twitter"></i> </a> </li> <li class="media-item"> <a href="https://www.instagram.com/shanghai_jiao_tong_uni/" target="_blank"> <i class="iconfont icon-instagram"></i> </a> </li> <li class="media-item"> <a href="https://www.youtube.com/c/ShanghaiJiaoTongUniversity/featured" target="_blank"> <i class="iconfont icon-youtube-active"></i> </a> </li> <li class="media-item"> <a href="https://m.ipshanghai.cn/user/5602" target="_blank"> <img src="http://en.sjtu.edu.cn/images/icon_IPSHANGHAI.png" class="icon" alt="IP SHANGHAI"> <img src="http://en.sjtu.edu.cn/images/icon_IPSHANGHAI_red.png" class="icon is-active" alt="IP SHANGHAI"> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-copyright"> <div class="layui-container"> Copyright © 2021 Shanghai Jiao Tong University, <a href="http://cert.sjtu.edu.cn/beian_user/show.asp?number=1082" target="_blank">沪交ICP备20101082</a> <!-- Support:<a href="http://www.alawang.com" target="_blank">ALA</a> --> </div> </div> </footer> <a href="https://wj.sjtu.edu.cn/q/jSQUBCF4" target="_blank" class="feedback" style="display: block;"> <i class="iconfont icon-wenjuan"></i> <span style="font-size: 10px;line-height:1.3;display:block;text-align:center;">suggestion</span> </a> <a href="#" id="button-to-top" style="display: block;"><i class="iconfont icon-up"></i></a> <script type="text/javascript" src="http://en.sjtu.edu.cn/js/jquery-3.6.0.min.js"></script> <script type="text/javascript" src="http://en.sjtu.edu.cn/js/jquery.nicescroll.min.js"></script> <script type="text/javascript" src="http://en.sjtu.edu.cn/layui/layui.js"></script> <!-- Swiper JS --> <script src="http://en.sjtu.edu.cn/js/swiper-bundle.min.js"></script> <script src="http://en.sjtu.edu.cn/js/swiper.animate1.0.3.min.js"></script> <script src="http://en.sjtu.edu.cn/js/anime.min.js"></script> <script src="http://en.sjtu.edu.cn/js/index.js?v=20201105"></script> <script> $(function () { change(); function change() { var pmWidth = document.documentElement.clientWidth; document.documentElement.style.fontSize = pmWidth / 375 * 100 + "px" } window.onresize = function () { change(); } // url var pageUrl = window.location.pathname; var len = $(".header-nav ul li"); // $(".header-nav ul li").eq(0).addClass('active'); for (var i = 0; i < len.length; i++) { if ((pageUrl.toLowerCase()).indexOf($(".header-nav ul li").eq(i).children('a').attr('href').toLowerCase()) >= 0) { $(".header-nav ul li").removeClass('active'); $(".header-nav ul li").eq(i).addClass('active'); } } layui.use(['element', 'form', 'layer', 'laypage'], function () { var $ = layui.jquery, element = layui.element, layer = parent.layer === undefined ? layui.layer : parent.layer, form = layui.form; $('header .search-btn').click(function () { layer.open({ type: 1, title: false, shade: [.5, '#000'], shadeClose: false, // shade: 0, closeBtn: 0, scrollbar: false, anim: 1, area: ['100vw', '100vh'], skin: 'tc-fullpage', content: $('.search-container'), // success: function(layero, index){ // $('.search-container .layui-input').focus(); // } }) }); $('header .menu-toggle').click(function () { layer.open({ type: 1, title: false, shade: [.5, '#000'], shadeClose: false, // shade: 0, closeBtn: 0, scrollbar: false, anim: 1, area: ['100vw', '100vh'], skin: 'tc-fullpage', content: $('.nav-container'), success: function () { $('.nav-container .nav-col-0').niceScroll(".nav-container .nav-col-0 .nav-list", { cursorborder: "", cursorcolor: "rgba(0,0,0,.5)", cursorwidth: '4px' }); } }) }); $('.close-btn').click(function () { layer.closeAll() }) function pcMenu() { $('.nav-container .nav-col-0').css({'opacity': 1}); $('.nav-container .nav-col-1').css({'opacity': 1}); $('.nav-container .nav-col-0 .nav-item .title').hover(function () { $('.nav-container .nav-col-0').css({'opacity': 1}); $('.nav-container .nav-col-0 .nav-item').removeClass('active'); $(this).parents('.nav-item').addClass('active'); var _index = $(this).parents('.nav-item').index(); $('.nav-container .nav-col-1 .nav-child-item').removeClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).addClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).niceScroll({ cursorborder: "", cursorcolor: "rgba(0,0,0,.5)", cursorwidth: '4px' }); }) }; function mobileMenu() { $('.nav-container .nav-col-0').css({'zIndex': 1, 'opacity': 1}); $('.nav-container .nav-col-1').css({'zIndex': 0, 'opacity': 0}); $('.nav-container .nav-col-0 .nav-item .iconfont').click(function () { $('.nav-container .nav-col-0').css({'zIndex': 0, 'opacity': 0}); $('.nav-container .nav-col-1').css({'zIndex': 1, 'opacity': 1}); $('.nav-container .nav-col-0 .nav-item').removeClass('active'); $(this).parents('.nav-item').addClass('active'); var _index = $(this).parents('.nav-item').index(); $('.nav-container .nav-col-1 .nav-child-item').removeClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).addClass('active'); $('.nav-container .nav-col-1 .nav-child-item').eq(_index).niceScroll({ cursorborder: "", cursorcolor: "rgba(0,0,0,.5)", cursorwidth: '4px' }); }) $('.nav-container .nav-col-1 .back').on('click', function () { $('.nav-container .nav-col-0').css({'zIndex': 1, 'opacity': 1}); $('.nav-container .nav-col-1').css({'zIndex': 0, 'opacity': 0}); $('.nav-container .nav-col-1 .nav-child-item').removeClass('active'); }) } if ($(window).width() >= 768) { pcMenu(); } else { mobileMenu(); } $(window).resize(function () { if ($(window).width() >= 768) { pcMenu(); } else { mobileMenu(); } }); }) }) </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?294bf634eac03fa80fd410b49422ded8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>