CINXE.COM
Faculty & Staff - Shanghai Jiao Tong University
<!DOCTYPE html> <html lang="en"> <head> <title>Faculty & Staff - 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"> <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> <!-- banner --> <div class="banner inner-banner" style="background-image: url(/storage/navigation/2021/12/f8f1ea7887ee727670d640b57e6ec7f7.png);"> <div class="banner-box"> <div class="layui-container"> <div class="banner-text"> <div class="banner-title"> Faculty & Staff </div> <div class="banner-desc"> Shanghai Jiao Tong University (SJTU) was founded in Shanghai, China, in 1896, with the goal of cultivating talented professionals for the nation. </div> </div> </div> </div> </div> <!-- banner END --> <div class="breadcrumb-block"> <div class="breadcrumb"> <span class="layui-breadcrumb"> <a href="/"><i class="iconfont icon-home"></i> Home</a> <a><cite>Faculty & Staff</cite></a> </span> </div> </div> <div class="main" style="padding-top:50px"> <div class="section"> <div class="layui-container"> <div class="index_title"> <div class="title">About Academic</div> </div> <div class="entry-list"> <div class="layui-row layui-col-space30 row-flex"> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="http://cgcj.sjtu.edu.cn/" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/e14137d90350fa7b5b7d6337085bcd6f.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> ServiceCenter for Exit-Entry Administration </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="https://electsys.sjtu.edu.cn/xtgl/login_slogin.html" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/6c9a6d9324549ccaf65bf4c556cacd2b.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> Academic Information Service </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="https://oc.sjtu.edu.cn/" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/4958acb69665b0f1fc41e0b92de37aaf.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> CANVAS </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> </div> </div> </div> </div> <div class="section"> <div class="layui-container"> <div class="index_title"> <div class="title">About life</div> </div> <div class="entry-list"> <div class="layui-row layui-col-space30 row-flex"> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="https://my.sjtu.edu.cn/" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/000ec852a2d4da70040e3e7c7e59ad99.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> MySJTU </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="/news/category/483/1" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/b2eadec96e794555f6d1e7108c1fc29b.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> Research </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="https://www.sjtu.edu.cn/resource/assets/img/xl2022.pdf" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/171dda029cd9d9ae46a74e00cf80993e.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> Academic Calendar </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="https://map.sjtu.edu.cn/" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/9c6aebffac1b15a371da23f725f48b46.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> Campus Map </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> <div class="layui-col-md4 layui-col-sm6 layui-col-xsm6 layui-col-xs12"> <a href="https://feedback.sjtu.edu.cn/Home" class="entry-card" target="_blank"> <div class="item_hd"> <div class="icon-box"> <img src="/storage/navigation/2021/12/be46d831921e139305b6e29dbae0b6f9.png" alt=""> </div> </div> <div class="item_bd"> <div class="text-box"> Campus Service Platform </div> </div> <div class="item_ft"> <img src="/images/demo-sjtu.jpg" alt=""> <i class="iconfont icon-change"></i> </div> </a> </div> </div> </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>