News - Shanghai Jiao Tong University

<!DOCTYPE html> <html lang="en"> <head> <title>News - 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 mobile-white"> <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="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="/news/category/0/1">News & Events</a> <a><cite>News</cite></a> </span> </div> </div> <div class="main"> <div class="block article-block"> <div class="layui-container"> <div class="article-container"> <div class="article-head"> <div class="title">JI community dive into tradition with dragon boat festivities</div> <div class="info"> <div class="left"> <span><i class="iconfont icon-calendar-o"></i> June 12,2024</span> <span><i class="iconfont icon-eye"></i> 1845</span>  </div> <div class="right"> <span>Share:</span> <span class="icon" id="shareToWeixin" style="background-color: #14BD03;"><i class="iconfont icon-weixin"></i></span> <span class="icon" id="shareToWeibo" style="background-color: #CE1C02;"><i class="iconfont icon-weibo"></i></span> </div> </div> </div> <div class="article-body"> <div class="page-content"> <p style="text-align: justify;">To Stephen Yeap Weller, an undergraduate student at the University of Michigan-Shanghai Jiao Tong University Joint Institute (UM-SJTU JI, JI hereafter), the recently celebrated Dragon Boat Festival, or Duanwu, was a dream come true. He engaged in various cultural activities in China during the festival week.</p> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ji.sjtu.edu.cn/wp-content/uploads/2024/06/537A9076_%E5%89%AF%E6%9C%AC-e1718181668833.jpg" alt="" width="600" height="400" loading="lazy" /></p> <p style="text-align: center;">Stephen (in the middle) learns to make herbal sachet under the guidance of a SJTU professor in a laboratory.</p> <p style="text-align: justify;">Stephen is a Malaysian of Chinese-American descent. Driven by a desire to reconnect with his Chinese heritage while pursuing a Western-style education in China, he came to Shanghai and joined JI in 2021. Over the past few days, Stephen joined a group of international students and faculty members from JI in Dragon Boat Festival-themed activities, including dragon boat racing, making sticky rice dumplings, and crafting herbal sachets. “It’s wonderful to see this piece of cultural history being preserved so well in China,” he said.</p> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ji.sjtu.edu.cn/wp-content/uploads/2024/06/537A9299_%E5%89%AF%E6%9C%AC-e1718181771693.jpg" alt="" width="600" height="400" loading="lazy" /></p> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ji.sjtu.edu.cn/wp-content/uploads/2024/06/537A9373_%E5%89%AF%E6%9C%AC-e1718181798577.jpg" alt="" width="600" height="400" loading="lazy" /></p> <p style="text-align: center;">JI faculty and students attend a Duanwu event on June 5.</p> <p style="text-align: justify;">On June 5, JI international faculty members and students were invited to the Faculty & Staff Club at Long Bin Building, where they learned to make zongzi, or sticky rice dumplings, while listening to a lecture on Duanwu.</p> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.ji.sjtu.edu.cn/wp-content/uploads/2024/06/ZWB05987_%E5%89%AF%E6%9C%AC-e1718181922298.jpg" alt="" width="600" height="400" loading="lazy" /></p> <p style="text-align: center;">JI team row the boat in a race against other universities at Meilan Lake.</p> <p style="text-align: justify;">On June 7, over 20 JI faculty and students were invited by the Shanghai Overseas Returned Scholars Association to participate in the 2024 Meilan Lake International Student Dragon Boat Race and Dragon Boat Folk Culture Experience Day. Through activities such as rowing dragon boats and enjoying cultural displays on the lake in eastern Shanghai, the event aimed to share Chinese culture and promote mutual exchange and understanding.</p> <p style="text-align: justify;">The Dragon Boat Festival falls on the fifth day of the fifth month of the lunar calendar, which is June 10 this year. It is one of the oldest festivals in China, with a history of more than 2,000 years. The Dragon Boat Festival commemorates the death of Qu Yuan, a Chu state official and poet who lived during the Warring States Period (475-221 BC) before the reunification of China under the Qin Dynasty (221-206 BC). He was exiled after opposing his king’s decision to ally with the neighboring state of Qin, and when Chu was finally conquered by Qin, he committed suicide by drowning in the Miluo River of Hunan Province on the fifth day of the fifth lunar month.</p> <p style="text-align: justify;">The Chu people, who admired Qu Yuan for his loyalty and integrity, threw rice dumplings into the river to feed the fish so they would not eat the body of their poet hero. People then started dragon boat racing to scare off the fish. Therefore, boat racing and eating sticky rice dumplings have become two of the most prevalent traditions for people to commemorate the festival and Qu Yuan. On the Dragon Boat Festival, many Chinese people, especially children, wear scented sachets threaded with five-color silk strings to ward off evil. A scented sachet is an ornament worn on the front of the dress.</p> <p style="text-align: justify;">Source: <a href="https://www.ji.sjtu.edu.cn/news/2024-06-12/146271/">SJTU JI</a></p> <p style="text-align: right;">Editor on Duty: Yan Cheng</p> <div style="text-align: right;">Responsible Editor: Jiang Qianqian, Li Xinyu</div> <p style="text-align: justify;"> </p> </div> </div> </div> </div> </div> </div> <div id="qrcode-img" style="display: none;"> <div id="qrcode"></div> <p>微信扫描二维码，分享给好友</p> </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">  <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>  </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>  <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> <script src="/js/jquery.qrcode.min.js"></script> <script> $(function () { //分享到新浪微博 var ShareTip = function () { }; ShareTip.prototype.sharetosina = function (title, url) { var sharesinastring = 'http://v.t.sina.com.cn/share/share.php?title=' + title + '&url=' + url + '&content=utf-8&sourceUrl=' + url; window.open(sharesinastring, '_blank'); } $('#shareToWeibo').on('click', function () { var shareTitle = $('.article-head .title').text(); var shareUrl = window.location.href; var share = new ShareTip(); share.sharetosina(shareTitle, shareUrl); }) // 微信生成二维码 function generateQRCode(url) { $("#qrcode").qrcode({ render: "canvas", // 渲染方式有table方式和canvas方式 width: 200, //默认宽度 height: 200, //默认高度 text: utf16to8(url), //二维码内容 typeNumber: -1, //计算模式一般默认为-1 correctLevel: 2, //二维码纠错级别 background: "#ffffff", //背景颜色 foreground: "#000000" //二维码颜色 }); } function init() { generateQRCode(window.location.href); } function utf16to8(str) { var out, i, len, c; out = ""; len = str.length; for (i = 0; i < len; i++) { c = str.charCodeAt(i); if ((c >= 0x0001) && (c <= 0x007F)) { out += str.charAt(i); } else if (c > 0x07FF) { out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); } else { out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); } } return out; } init(); layui.use('layer', function () { var layer = layui.layer; $('#shareToWeixin').on('click', function () { layer.open({ type: 1, closeBtn: 0, title: false, shade: [0.8, '#000'], shadeClose: true, //点击遮罩关闭 content: $('#qrcode-img'), anim: 5, resize: false, }); }); }); }) </script> </body> </html>

CINXE.COM

News - Shanghai Jiao Tong University