Event - Shanghai Jiao Tong University

<!DOCTYPE html> <html lang="en"> <head> <title>Event - 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="/events/category/0/1">News & Events</a> <a><cite>Event</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">Deadline extended until December 31: 2021 "China Through My Eyes"</div> <div class="info"> <div class="left"> <span><i class="iconfont icon-calendar-o"></i> December 15,2021 - February 28,2022</span> <span><i class="iconfont icon-eye"></i> 10282</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="event-information"> <div class="item"> <i class="iconfont icon-clock-o"></i> December 15,2021 - February 28,2022 </div> <div class="item"> <i class="iconfont icon-location-o"></i> Oline </div> </div> <div class="page-content"> <p>In order to enhance international students’ knowledge of Chinese culture and society, and to cultivate their innovative, creative and entrepreneurial abilities in new media communication, Shanghai Jiao Tong University will hold the 2020 "China Through My Eyes” Short Video Contest for International Students in China.</p> <p>In 2019, the first "China Through My Eyes” Short Video Contest for International Students in China was hosted by the School of Media and Communication of Shanghai Jiao Tong University, partnering with Universities including Communication University of China, Renmin University of China, Fudan University, Peking University, Tsinghua University, Tongji University, and Beijing Foreign Studies University. </p> <p>It also got professional support from several media such as Shanghai United Media Group, Shanghai Media & Entertainment Group, Eastday.com and Tencent.com. Since the contest started, it has received positive responses from international students from various universities across the country. International students from 41 countries or regions submitted their works. The winning videos were showcased on Tencent Video, with nearly 4 million views in the first week after going online.</p> <p style="text-align: center;"><img src="/storage/article/2021/12/b3907241b67088dcbb0aafca92c92a7c.png" alt="" width="640" height="427" /></p> <p>Winners of first "China Through My Eyes” Short Video Contest for International Students in China</p> <p>In this year’s contest, students with foreign nationality currently enrolled in universities in China are eligible to participate as individuals or in teams. They are encouraged to film short videos about China in their eyes using their mobile phones or other devices. Videos should be 1-5 minutes long in the contestant’s native language or in English with Chinese or English subtitles, focusing on the "China Through My Eyes" theme. Videos should be submitted to the website:https://upload.smd.sjtu.edu.cn. Contest results will be announced by the Organizing Committee on the contest website as well as on websites of the host and the organizer. Winning teams and individuals will receive their prizes at the awards ceremony. Their videos will be displayed on well-known media platforms.</p> <p style="text-align: center;"><img src="/storage/article/2021/12/87436b48624acf64d3cbfc88d909c00b.jpg" alt="" width="640" height="427" /></p> <h4><strong>Contest Information</strong></h4> <h4><strong>I. Name of Activity</strong></h4> <p>2021 "China Through My Eyes": Short Video Contest for International Students in China</p> <h4><strong>II. Purpose</strong></h4> <p>To enhance international students’ knowledge of Chinese culture and society;</p> <p>To present China’s culture and standing to the world from an objective and authentic perspective; and</p> <p>To build bridges between international and Chinese students to increase their communication exchanges and mutual understanding.</p> <h4><strong>III. Organizations</strong></h4> <p>(1) Host</p> <p>Shanghai Jiao Tong University</p> <p>Xinhua News (Shanghai Branch)</p> <p>China Global Television Network (CGTN)</p> <p>Shanghai United Media Group</p> <p>(2) Organizer</p> <p>School of Media and Communication, Shanghai Jiao Tong University</p> <p>International Affairs Division, Shanghai Jiao Tong University</p> <p>Eastday.com</p> <p>(3) Partners</p> <p>Peking University, Tsinghua University, Renmin University of China, Fudan University, Communication University of China, Wuhan University, Huazhong University of Science and Technology, Zhejiang University, Sun Yat-sen University, Nanjing University, Beijing Normal University, East China Normal University, Xiamen University, Xi’an Jiaotong University, Sichuan University, Jinan University, Beijing Foreign Studies University, Nanjing Normal University, Chongqing University, Soochow University, Nanchang University, Shanghai University, East China University of Political science and Law, Shanghai Theatre Academy</p> <p>(4) Media Support</p> <p>Xinhua News Agency, China Central Television (CCTV), Chinanews.com, Shanghai United Media Group, Shanghai Media Group, Tencent.com, Eastday.com</p> <p>(5) Contest Organizing Committee</p> <p>The Organizing Committee of the contest will be jointly set up by the host and the organizer to handle key decision-making and work out detailed procedures and rules of the contest.</p> <h4><strong>IV. Participants</strong></h4> <p>Students with foreign nationality currently enrolled in universities in China are eligible to participate in this video contest.</p> <h4><strong>V. Contest Details</strong></h4> <p>(1) Language Requirements</p> <p>Videos are required to be produced in the contestant’s native language or in English with Chinese or English subtitles.</p> <p>(2) Video Requirements</p> <p>Contestants will produce a short video, within 5 minutes, in their native language or in English with Chinese or English subtitles based on the "China Through My Eyes" theme and their personal experiences in China. The video can include speeches, interviews, stories, talent shows, or any other content the contestant wishes to present.</p> <p>Contestants can apply to this video competition as individuals or in teams.</p> <p>Considering the impact of the global epidemic, it is not limited that the video must be shot in China, as long as it focuses on the theme and can reflect the China in the eyes of international students.</p> <p>(3) How to Participate</p> <p>Contestants will submit their videos to the website designated by the Organizing Committee.</p> <p>Winners will be selected by an expert-based Review Committee.</p> <h4><strong>VI. Video submitted and reviewed</strong></h4> <p>This video contest is subject to four timelines:</p> <p>(1) Video Submission:  until December 31, 2021</p> <p>Contestants will submit their videos to the website designated by the Organizing Committee.</p> <p>Videos should be 1-5 minutes long in the contestant’s native language or in English with Chinese or English subtitles, focusing on the "China Through My Eyes" theme. Originality, creativity, aesthetics, and artistic value will be key judgment criteria.</p> <p>Videos should be submitted to the website: https://upload.smd.sjtu.edu.cn</p> <p>(Username format: Name-Nationality, e.g.: Sam Smith-France)</p> <p>Video specifications: H.264, 8Mbps, MP4 version, HD 1080p</p> <p>(2) Expert Reviewing: January 1, 2022- January 15, 2022</p> <p>A Review Committee will evaluate all the submitted videos and recommend winning videos to the Organizing Committee.</p> <p>(3) Results Announcement: January 16, 2022- January 21, 2022</p> <p>The organizing committee shall announce the final results of the competition on the designated website of the competition and the websites of the host, organizers and parterners.</p> <p>(4) Winner Notifications and Awards Ceremony: January 2022</p> <p>Results will be announced by the Organizing Committee on the contest website as well as on websites of the host and the organizer. Winning teams and individuals will receive their prizes at a concluding ceremony.</p> <h4><strong>VII. Awards</strong></h4> <p>Grand Prize: 1 winner, 30,000 CNY</p> <p>First Prize: 2 winners, 15,000 CNY each</p> <p>Second Prize: 3 winners, 10,000 CNY each</p> <p>Third Prize: 15 winners, 4,000 CNY each</p> <h4><strong>VIII. Review Committee</strong></h4> <p>The Organizing Committee will invite renowned experts in areas of video production, overseas studies, cultural exchanges, and international communication to form a Review Committee for the contest.</p> <h4><strong>IX. Contact Information</strong></h4> <p>Please contact Organizing Committee Secretariat if you have any question.</p> <p>Address: A104 School of Media and Communication, Shanghai Jiao Tong University</p> <p>No 800 Dongchuan Road, Minhang District, Shanghai, 200240</p> <p><strong>Telephone: </strong>021-34208622</p> <p><strong>Email:</strong> <a href="mailto:sjtucontest@vip.163.com">sjtucontest@vip.163.com</a></p> <p><strong>Submission website:</strong><a href="https://upload.smd.sjtu.edu.cn" target="_blank" rel="noopener">https://upload.smd.sjtu.edu.cn</a></p> </div> </div> <div class="article-foot"> <div class="foot-info"> <span><i class="iconfont icon-printer"></i> print</span> <span><i class="iconfont icon-back"></i> back</span> </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

Event - Shanghai Jiao Tong University