CINXE.COM
上海交通大学-基础化学实验中心2
<!DOCTYPE html><html class="no-js"><head> <title>上海交通大学-基础化学实验中心2</title><meta name="pageType" content="1"> <meta name="pageTitle" content="上海交通大学-基础化学实验中心2"> <META Name="keywords" Content="上海交通大学-基础化学实验中心2" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="address=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <!-- Set render engine for 360 browser --> <meta name="renderer" content="webkit"> <link href="css/examples.css" rel="stylesheet" type="text/css"> <link href="css/swiper.min.css" rel="stylesheet"> <link href="css/set.css" rel="stylesheet"> <link href="css/index.css" rel="stylesheet"> <link href="images/favicon.png" rel="shortcut icon"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/swiper.min.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.countup.min.js"></script> <!--<![endif]--> <!-- Compatible files --> <script type="text/javascript"> var console = { log: function() {} }; </script> <style> #adu0{z-index:9999 !important;} </style><!--Announced by Visual SiteBuilder 9--> <link rel="stylesheet" type="text/css" href="_sitegray/_sitegray_d.css" /> <script language="javascript" src="_sitegray/_sitegray.js"></script> <!-- CustomerNO:776562626572323044541a15 --> <link rel="stylesheet" type="text/css" href="index.vsb.css" /> <script type="text/javascript" src="/system/resource/js/counter.js"></script> <script type="text/javascript">_jsq_(1001,'/index.jsp',-1,1950190086)</script> </head> <body class="index_body"> <script language="javascript" src="/system/resource/js/dynclicks.js"></script> <DIV id="adu0" width="159" style="Z-index:99999;LEFT: 0px; POSITION: absolute; TOP: 0px"> <iframe frameborder="0" src="about:blank" style="position:absolute;Z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)"></iframe> <TABLE cellspacing="0" cellpadding="0" border="0"> <TBODY> <TR align="center"> <TD align="left"><A href="hxsyjs/sy.htm" target="_blank" title="" onclick="_addDynClicks('wbimage',1950190086,78504)"><img src="images/pc.jpg" width="300" height="170" border="0"></A></TD> </TR> <TR> <TD align="right" style="padding-top:1px"><table border="0" cellpadding="10" cellspacing="0"><tr><td style="background-color:#f5f5f5;padding:1px"><a href="javascript:showimagecloseu0();" class="closestyle1090225">关闭</a></td></tr></table></TD> </TR> </TBODY> </TABLE> </DIV> <SCRIPT> function showimagecloseu0() { var obju0=document.getElementById("adu0"); obju0.style.display = 'none'; }; //水平 //上下 var xu0 = 0;yu0 = 0; var xinu0 = true; yinu0 = true; var stepu0 = 1; var delayu0 = 88; var obju0=document.getElementById("adu0"); var bdyu0 = document.body; if (document.compatMode && document.compatMode != "BackCompat") bdyu0 = document.documentElement; else bdyu0 = document.body; function floatADu0() { var bdy_scrollTop = document.body.scrollTop | document.documentElement.scrollTop; var Lu0=Tu0=0; var Ru0= bdyu0.clientWidth-obju0.offsetWidth; var Bu0 = bdyu0.clientHeight-obju0.offsetHeight; obju0.style.left = xu0 + bdyu0.scrollLeft+"px"; obju0.style.top = yu0 + bdy_scrollTop+"px"; xu0 = xu0 + stepu0*(xinu0?1:-1); if(xu0 < Lu0) { xinu0 = true; xu0 = Lu0; } if(xu0 > Ru0) { xinu0 = false; xu0 = Ru0; } yu0 = yu0 + stepu0*(yinu0?1:-1); if(yu0 < Tu0) { yinu0 = true; yu0 = Tu0; } if(yu0 > Bu0) { yinu0 = false; yu0 = Bu0; } } var itlu0; if(window.navigator.userAgent.indexOf("MSIE")>=1) { window.attachEvent('onload', adftu0); } else { window.addEventListener('load',adftu0, false); } function adftu0() { itlu0 = setInterval("floatADu0()", delayu0); } obju0.onmouseover=function(){clearInterval(itlu0);}; obju0.onmouseout=function(){itlu0=setInterval("floatADu0()", delayu0)}; </SCRIPT> <!-- 电脑搜索开始 --> <div class="search-dialog-box"> <div class="search-bg"></div> <div class="search-dialog"> <div class="search-inner"> <div class="wrap-inner"> <script language="javascript" src="/system/resource/js/base64.js"></script><script language="javascript" src="/system/resource/js/jquery/jquery-latest.min.js"></script><script language="javascript" src="/system/resource/vue/vue.js"></script><script language="javascript" src="/system/resource/vue/bluebird.min.js"></script><script language="javascript" src="/system/resource/vue/axios.js"></script><script language="javascript" src="/system/resource/vue/polyfill.js"></script><script language="javascript" src="/system/resource/vue/token.js"></script><LINK href="/system/resource/vue/static/element/index.css" type="text/css" rel="stylesheet"><script language="javascript" src="/system/resource/vue/static/element/index.js"></script><script language="javascript" src="/system/resource/vue/static/public.js"></script><style> #appu1 .qwss{ height: 31px; font-size: 12px; min-width: 190px; max-width: 600px; width: 60%; margin-top: -15px; outline: none; padding-left: 10px; border-radius: 2px; border: 1px solid #e4e7ed;} #appu1 .tj{ padding-left: 6px; letter-spacing: 5px; color: white; min-width: 53px; max-width: 150px; height: 32px; border: 0; border-radius: 2px; background-color: #1890FF; position: relative; top: 1px; width: 20%; margin-top: -15px;} </style> <div id="divu1"></div> <script type="text/html" id="htmlu1"> <div id="appu1"> <div v-if="!isError"> <input type="text" class="qwss" placeholder="全文搜索" autocomplete=off v-model=query.keyWord @keyup.enter="onSubmit"> <input class="tj" name="submit_button" type="button" value="提交" v-on:click="onSubmit()"/> </div> <div v-if="isError" style="color: #b30216; font-size:18px;text-align: center;padding:20px;"> 应用维护中！ </div> </div> </script> <script> $("#divu1").html($("#htmlu1").text()); </script> <script> var appOwner = "1950190086"; var token = gettoken(10); var urlPrefix = "/aop_component/"; jQuery.support.cors = true; $.ajaxSetup({ beforeSend: function (request, settings) { request.setRequestHeader("Authorization", token); request.setRequestHeader("owner", appOwner); } }); new Vue({ el: "#appu1", data: function () { return { query: { keyWord: "",//搜索关键词 owner: appOwner, token: token, urlPrefix: urlPrefix, lang:"i18n_zh_CN" }, isError: false } }, mounted: function () { var _this = this; // _this.init(); }, methods: { init: function(){ $.ajax({ url: "/aop_component//webber/search/test", type: "get", success: function (response) { if (response.code == "0000") { } else if (response.code == "220") { _this.isError = true; console.log(response); } else if (!response.code) { _this.isError = true; console.log(response); } }, error: function (response) { _this.isError = true; } }); }, onSubmit: function (e) { var url = "/views/search/modules/resultpc/soso.html"; if ("10" == "1" || "10" == "2") { url = "http://192.168.1.5:8083/" + url; } var _this = this; var query = _this.query; if (url.indexOf("?") > -1) { url = url.split("?")[0]; } if (query.keyWord) { var query = new Base64().encode(JSON.stringify(query)); window.open(url + "?query=" + query); } else { alert("请填写搜索内容") } }, } }) </script></div> </div> </div> <a class="pub-close" href="javascript:;"><span class="bg"></span><i></i></a></div> <!-- 电脑搜索结束 --> <div class="toubu_div"> <!--wap header--> <section class="m_header_box"> <header id="m_header"> <div id="logo"> <div class="box_table"> <div class="box_table_cell"> <!-- 网站logo图片地址请在本组件"内容配置-网站logo"处填写 --> <A title="" href="index.htm"><IMG src="images/logo.png"></A> </div> </div> </div> <div id="nav_btn_box"> <div class="box_table"> <div class="box_table_cell"> <aside id="nav_btn"> <div class="point" id="mbtn" name="1"><span class="navbtn"></span></div> </aside> </div> </div> </div> </header> </section> <nav id="m_nav"><UL class="m_nav_list"> <li class="title"> <a class="a" href="zxjs/gk.htm"><h3>中心介绍</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="zxjs/gk.htm">概况</a> <a href="zxjs/xrld.htm">现任领导</a> <a href="zxjs/gzzd.htm">规章制度</a> </div> </li> <li class="title"> <a class="a" href="kcjs.htm"><h3>课程介绍</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="kcjs/dxhxkc/kcjj.htm">大学化学课程</a> <a href="kcjs/wjfxhxkc/kcjj.htm">无机分析化学课程</a> <a href="kcjs/wlhxkc/kcjj.htm">物理化学课程</a> <a href="kcjs/yjhxkc/kcjj.htm">有机化学课程</a> <a href="kcjs/yqfxkc/kcjj.htm">仪器分析课程</a> <a href="kcjs/gfzhxkc/kcjj.htm">高分子化学课程</a> <a href="kcjs/hgsykc/kcjj.htm">化工实验课程</a> </div> </li> <li class="title"> <a class="a" href="jxgg1/jcjs.htm"><h3>教学改革</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="jxgg1/jcjs.htm">教材建设</a> <a href="jxgg1/hjqk.htm">获奖情况</a> <a href="jxgg1/kyxmhlw.htm">科研项目和论文</a> <a href="jxgg1/gnwjl.htm">国内外交流</a> </div> </li> <li class="title"> <a class="a" href="tzygl/gltz.htm"><h3>体制与管理</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="tzygl/gltz.htm">管理体制</a> <a href="tzygl/xxpt.htm">信息平台</a> <a href="tzygl/yxjz.htm">运行机制</a> </div> </li> <li class="title"> <a class="a" href="sbyhj/sysbj.htm"><h3>设备与环境</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="sbyhj/sysbj.htm">实验室布局</a> <a href="sbyhj/yqsbqk.htm">仪器设备情况</a> <a href="sbyhj/dxyqczcx.htm">大型仪器操作程序</a> <a href="sbyhj/whyyx.htm">维护与运行</a> <a href="sbyhj/zxhjaq.htm">中心环境安全</a> </div> </li> <li class="title"> <a class="a" href="syaq.htm"><h3>实验安全</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="syaq/sykcaqys.htm">实验课程安全要素</a> <a href="syaq/syaqsp.htm">实验安全视频</a> <a href="syaq/aqzslx.htm">安全知识练习</a> </div> </li> <li class="title"> <a class="a" href="kyycg/jsjxkycg.htm"><h3>科研与成果</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="kyycg/jsjxkycg.htm">教师教学科研成果</a> <a href="kyycg/xshj.htm">学生获奖</a> <a href="kyycg/fbwz.htm">发表文章</a> <a href="kyycg/zlxm.htm">专利项目</a> <a href="kyycg/xskyxm.htm">学生科研项目</a> </div> </li> <li class="title"> <a class="a" href="xxzy.htm"><h3>信息资源</h3></a> </li> <li class="title"> <a class="a" href="dwjl/jlxx.htm"><h3>对外交流</h3></a> <i></i> <div class="list" style="opacity: 1; visibility: visible;"> <a href="dwjl/jlxx.htm">交流学习</a> <a href="dwjl/hxjs.htm">化学竞赛</a> <a href="dwjl/sxsj.htm">实习实践</a> <a href="dwjl/yqlj.htm">友情链接</a> <a href="dwjl/LOGOsjfapx.htm">LOGO设计方案评选</a> <a href="dwjl/dqjshdxshxsyjs.htm">第七届上海大学生化学实验竞赛</a> <a href="dwjl/cgysf.htm">成果与示范</a> </div> </li> <li class="title"> <a class="a" href="hxjyz.htm"><h3>化学加油站</h3></a> </li> </UL> <div class="close">×</div> <style> #appu4 .qwss{ height: 31px; font-size: 12px; min-width: 190px; max-width: 600px; width: 60%; margin-top: -15px; outline: none; padding-left: 10px; border-radius: 2px; border: 1px solid #e4e7ed;} #appu4 .tj{ padding-left: 6px; letter-spacing: 5px; color: white; min-width: 53px; max-width: 150px; height: 32px; border: 0; border-radius: 2px; background-color: #1890FF; position: relative; top: 1px; width: 20%; margin-top: -15px;} </style> <div id="divu4"></div> <script type="text/html" id="htmlu4"> <div id="appu4"> <div v-if="!isError"> <input type="text" class="qwss" placeholder="全文搜索" autocomplete=off v-model=query.keyWord @keyup.enter="onSubmit"> <input class="tj" name="submit_button" type="button" value="提交" v-on:click="onSubmit()"/> </div> <div v-if="isError" style="color: #b30216; font-size:18px;text-align: center;padding:20px;"> 应用维护中！ </div> </div> </script> <script> $("#divu4").html($("#htmlu4").text()); </script> <script> var appOwner = "1950190086"; var token = gettoken(10); var urlPrefix = "/aop_component/"; jQuery.support.cors = true; $.ajaxSetup({ beforeSend: function (request, settings) { request.setRequestHeader("Authorization", token); request.setRequestHeader("owner", appOwner); } }); new Vue({ el: "#appu4", data: function () { return { query: { keyWord: "",//搜索关键词 owner: appOwner, token: token, urlPrefix: urlPrefix, lang:"i18n_zh_CN" }, isError: false } }, mounted: function () { var _this = this; // _this.init(); }, methods: { init: function(){ $.ajax({ url: "/aop_component//webber/search/test", type: "get", success: function (response) { if (response.code == "0000") { } else if (response.code == "220") { _this.isError = true; console.log(response); } else if (!response.code) { _this.isError = true; console.log(response); } }, error: function (response) { _this.isError = true; } }); }, onSubmit: function (e) { var url = "/views/search/modules/resultpc/soso.html"; if ("10" == "1" || "10" == "2") { url = "http://192.168.1.5:8083/" + url; } var _this = this; var query = _this.query; if (url.indexOf("?") > -1) { url = url.split("?")[0]; } if (query.keyWord) { var query = new Base64().encode(JSON.stringify(query)); window.open(url + "?query=" + query); } else { alert("请填写搜索内容") } }, } }) </script></nav> <section class="nav_mask"></section> </div> <script> $(window).on('scroll', function(event) { var scroll = $(window).scrollTop(); if (scroll < 10) { //$(".header_box_li")NaNpxoveClass("sticky"); } else { //$(".header_box_li").addClass("sticky"); } }); </script> <!-- 主体开始 --> <div id="sy_main"> <div class="toubu_div"> <section class="header_box"> <section class="header_box_li"> <header id="header"> <div class="head_bottom"> <div class="fl" id="logo"> <div class="box_table"> <div class="box_table_cell"> <!-- 网站logo图片地址请在本组件"内容配置-网站logo"处填写 --> <A title="" href="index.htm"><IMG src="images/logo.png"></A> </div> </div> </div> <div class="right fr"><script language="javascript" src="/system/resource/js/openlink.js"></script> <DIV class="pc_top_lj"> <A class="search_btn fr btn" href="javascript:;" name="tss"><IMG alt="" src="images/sticky_ss.png"> </A> <A href="#" onclick="_addDynClicks("wburl", 1950190086, 89461)">实验室预约</A> <A class="line" href="javascript:;">|</A> <A href="#" onclick="_addDynClicks("wburl", 1950190086, 89462)">登录</A> </DIV> <nav id="nav"><ul> <li> <a href="zxjs/gk.htm"><h3>中心介绍</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="zxjs/gk.htm">概况</a> <a href="zxjs/xrld.htm">现任领导</a> <a href="zxjs/gzzd.htm">规章制度</a> </div> </div> </div> </li> <li> <a href="kcjs.htm"><h3>课程介绍</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="kcjs/dxhxkc/kcjj.htm">大学化学课程</a> <a href="kcjs/wjfxhxkc/kcjj.htm">无机分析化学课程</a> <a href="kcjs/wlhxkc/kcjj.htm">物理化学课程</a> <a href="kcjs/yjhxkc/kcjj.htm">有机化学课程</a> <a href="kcjs/yqfxkc/kcjj.htm">仪器分析课程</a> <a href="kcjs/gfzhxkc/kcjj.htm">高分子化学课程</a> <a href="kcjs/hgsykc/kcjj.htm">化工实验课程</a> </div> </div> </div> </li> <li> <a href="jxgg1/jcjs.htm"><h3>教学改革</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="jxgg1/jcjs.htm">教材建设</a> <a href="jxgg1/hjqk.htm">获奖情况</a> <a href="jxgg1/kyxmhlw.htm">科研项目和论文</a> <a href="jxgg1/gnwjl.htm">国内外交流</a> </div> </div> </div> </li> <li> <a href="tzygl/gltz.htm"><h3>体制与管理</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="tzygl/gltz.htm">管理体制</a> <a href="tzygl/xxpt.htm">信息平台</a> <a href="tzygl/yxjz.htm">运行机制</a> </div> </div> </div> </li> <li> <a href="sbyhj/sysbj.htm"><h3>设备与环境</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="sbyhj/sysbj.htm">实验室布局</a> <a href="sbyhj/yqsbqk.htm">仪器设备情况</a> <a href="sbyhj/dxyqczcx.htm">大型仪器操作程序</a> <a href="sbyhj/whyyx.htm">维护与运行</a> <a href="sbyhj/zxhjaq.htm">中心环境安全</a> </div> </div> </div> </li> <li> <a href="syaq.htm"><h3>实验安全</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="syaq/sykcaqys.htm">实验课程安全要素</a> <a href="syaq/syaqsp.htm">实验安全视频</a> <a href="syaq/aqzslx.htm">安全知识练习</a> </div> </div> </div> </li> <li> <a href="kyycg/jsjxkycg.htm"><h3>科研与成果</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="kyycg/jsjxkycg.htm">教师教学科研成果</a> <a href="kyycg/xshj.htm">学生获奖</a> <a href="kyycg/fbwz.htm">发表文章</a> <a href="kyycg/zlxm.htm">专利项目</a> <a href="kyycg/xskyxm.htm">学生科研项目</a> </div> </div> </div> </li> <li> <a href="xxzy.htm"><h3>信息资源</h3></a> </li> <li> <a href="dwjl/jlxx.htm"><h3>对外交流</h3></a> <div class="sub"> <div class="box_f"> <div class="box"> <a href="dwjl/jlxx.htm">交流学习</a> <a href="dwjl/hxjs.htm">化学竞赛</a> <a href="dwjl/sxsj.htm">实习实践</a> <a href="dwjl/yqlj.htm">友情链接</a> <a href="dwjl/LOGOsjfapx.htm">LOGO设计方案评选</a> <a href="dwjl/dqjshdxshxsyjs.htm">第七届上海大学生化学实验竞赛</a> <a href="dwjl/cgysf.htm">成果与示范</a> </div> </div> </div> </li> <li> <a href="hxjyz.htm"><h3>化学加油站</h3></a> </li> </ul></nav> </div> <div class="clear"></div> </div> <i class="line_bot"></i></header> </section> </section> </div> <div class="firstScreen"> <div class="part1"> <div class="swiper p1_lb"> <DIV class="swiper-wrapper"> <DIV class="swiper-slide"><A href="#" onclick="_addDynClicks("wbimage", 1950190086, 78327)"> <DIV class="img"><IMG alt="" src="images/bn_dt_img1.jpg"> </DIV> </A></DIV> <DIV class="swiper-slide"><A href="#" onclick="_addDynClicks("wbimage", 1950190086, 78326)"> <DIV class="img"><IMG alt="" src="images/bn_dt_img1.jpg"> </DIV> </A></DIV> <DIV class="swiper-slide"><A href="#" onclick="_addDynClicks("wbimage", 1950190086, 78325)"> <DIV class="img"><IMG alt="" src="images/bn_dt_img1.jpg"> </DIV> </A></DIV> <DIV class="swiper-slide"><A href="#" onclick="_addDynClicks("wbimage", 1950190086, 78324)"> <DIV class="img"><IMG alt="" src="images/bn_dt_img1.jpg"> </DIV> </A></DIV> </DIV> <div class="p1_jt_box"> <div class="swiper-pagination"></div> <div class="line"></div> <div class="p1_cl"> <p class="now">1</p> <p class="all">/03</p> </div> <div class="p1_fx"> <UL> <ul> <li> <a href="javascript:;" onclick="_addDynClicks("wbimage", 1950190086, 78329)"><img src="images/foot_fx_fc.png" alt=""></a> <div class="ewm"> <img src="images/foot_gzh_ewm.jpg" alt=""> </div> </li> </ul> <ul> <li> <a href="javascript:;" onclick="_addDynClicks("wbimage", 1950190086, 76358)"><img src="images/foot_fx_wb.png" alt=""></a> <div class="ewm"> <img src="images/foot_gzh_ewm.jpg" alt=""> </div> </li> </ul> <ul> <li> <a href="javascript:;" onclick="_addDynClicks("wbimage", 1950190086, 78328)"><img src="images/foot_fx_wx.png" alt=""></a> <div class="ewm"> <img src="images/foot_gzh_ewm.jpg" alt=""> </div> </li> </ul> </UL></div> </div> </div> <div class="bowen sy_bowen"> <div class="con"><img alt="" src="images/part1_bw_jt.png"> </div> </div> </div> </div> <div class="body_main"> <div class="part2"> <div class="w1460"> <div class="sy_tit"> <p><span>中心新闻</span></p> <a href="zxxw.htm"></a></div> <div class="p2_main"><script language="javascript" src="/system/resource/js/centerCutImg.js"></script><script language="javascript" src="/system/resource/js/ajax.js"></script> <DIV class="p2_left"> <DIV class="p2_lb_jt"> <DIV class="swiper-pagination"></DIV> <DIV class="jt"> <DIV class="swiper-button-prev"></DIV> <DIV class="swiper-button-next"></DIV> </DIV> </DIV> <!-- f --> <DIV class="swiper p2_lb"> <DIV class="swiper-wrapper"> <DIV class="swiper-slide"><A href="info/1034/2612.htm"> <DIV class="img"><IMG src="/__local/B/4B/A1/9C031E61309EC49E4F6A483841F_CBF91978_109599.png?e=.png" alt="夺金！化院学子在首届全国大学生职业规划大赛上海赛区总决赛中获佳绩！"> </DIV> <DIV class="con"> <P class="bt">夺金！化院学子在首届全国大学生职业规划大赛上海赛区总决赛中获佳绩！</P> <P class="zy">近日，首届全国大学生职业规划大赛上海总决赛举行。化学化工学院强基化学专业学子刘彦希斩获成长赛道总决赛金奖、金奖排位赛亚军，指导教师马雪峰获评优秀指导教师。本次大赛以“筑梦青春志在四方，规划启航职引未来”为主题，自2023年9月赛事启动以来，积极引导高校学生合理规划自身学业与职业发展，树立正确的就业观，提高综合素质能力和就业竞争力，真正做到“以赛促学、以赛促教、以赛促就”。本届大赛的主体赛事包括学生成长赛道和就业赛道，...</P> </DIV> </A></DIV> <DIV class="swiper-slide"><A href="info/1034/2622.htm"> <DIV class="img"><IMG src="/__local/1/17/55/28DE6F564600D3C514131C81D65_24436A03_26F89.jpg" alt="全国金奖+1！化院学子斩获中国国际大学生创新大赛金奖！"> </DIV> <DIV class="con"> <P class="bt">全国金奖+1！化院学子斩获中国国际大学生创新大赛金奖！</P> <P class="zy">2023年12月3日-6日，中国国际大学生创新大赛（2023）成功举办，来自全国540支项目团队从上万个项目中脱颖而出，在高教主赛道中争夺金奖，上海交大化学化工学院本科生胡雪菲负责的项目《纳智科技：DNA纳米机器人——新一代智能纳米药物载体》过关斩将，在本科生创意组主赛道中摘得金奖。这是化学化工学院继第十七届“挑战杯”特等奖，第八届“互联网+”全国总决赛金奖，第十三届“挑战杯”金奖之后又一次获得全国性顶级赛事金奖。纳米载体能够负载着药物到达指定器官，...</P> </DIV> </A></DIV> <DIV class="swiper-slide"><A href="info/1034/2192.htm"> <DIV class="img"><IMG src="/__local/7/ED/2C/E06E2D65B611FCB811F5C2E74B2_6F08A67B_24434.png" alt="河南大学能源科学与技术学院李西营一行来中心交流"> </DIV> <DIV class="con"> <P class="bt">河南大学能源科学与技术学院李西营一行来中心交流</P> <P class="zy">9月20日上午，河南大学能源科学与技术学院李西营一行来我院基础化学实验中心访问交流。大学化学课程负责人韩莉老师、无机与分析化学课程负责人马荔老师接待来访嘉宾，并带领嘉宾们参观了大学化学实验室、无机与分析化学实验室，重点介绍了化学实验课程体系设计、实验教学流程、教学管理以及实验室建设与管理等方面的经验。双方围绕实验室建设与管理、课程体系设置、师资队伍建设等方面进行了充分交流和深入探讨，并合影留念。</P> </DIV> </A></DIV> </DIV> </DIV> <!-- f --> </DIV> <DIV class="p2_right"> <UL> <LI><A href="info/1034/2612.htm"> <DIV class="sj_out"> <DIV class="sj"> <P>09</P> <SPAN>2024.01</SPAN> </DIV> </DIV> <DIV class="con"> <P class="bt">夺金！化院学子在首届全国大学生职业规划大赛上海赛区总决赛中获佳绩！</P> <P class="zy">近日，首届全国大学生职业规划大赛上海总决赛举行。化学化工学院强基化学专业学子刘彦希斩获成长赛道总决赛金奖、金奖排位赛亚军，指导教师马雪峰获评优秀指导教师。本次大赛以“筑梦青春志在四方，规划启航职引未来”为主题，自2023年9月赛事启动以来，积极引导高校学生合理规划自身学业与职业发展，树立正确的就业观，提高综合素质能力和就业竞争力，真正做到“以赛促学、以赛促教、以赛促就”。本届大赛的主体赛事包括学生成长赛道和就业赛道，...</P> </DIV> </A></LI> <LI><A href="info/1034/2622.htm"> <DIV class="sj_out"> <DIV class="sj"> <P>11</P> <SPAN>2023.12</SPAN> </DIV> </DIV> <DIV class="con"> <P class="bt">全国金奖+1！化院学子斩获中国国际大学生创新大赛金奖！</P> <P class="zy">2023年12月3日-6日，中国国际大学生创新大赛（2023）成功举办，来自全国540支项目团队从上万个项目中脱颖而出，在高教主赛道中争夺金奖，上海交大化学化工学院本科生胡雪菲负责的项目《纳智科技：DNA纳米机器人——新一代智能纳米药物载体》过关斩将，在本科生创意组主赛道中摘得金奖。这是化学化工学院继第十七届“挑战杯”特等奖，第八届“互联网+”全国总决赛金奖，第十三届“挑战杯”金奖之后又一次获得全国性顶级赛事金奖。纳米载体能够负载着药物到达指定器官，...</P> </DIV> </A></LI> <LI><A href="info/1034/2192.htm"> <DIV class="sj_out"> <DIV class="sj"> <P>20</P> <SPAN>2023.09</SPAN> </DIV> </DIV> <DIV class="con"> <P class="bt">河南大学能源科学与技术学院李西营一行来中心交流</P> <P class="zy">9月20日上午，河南大学能源科学与技术学院李西营一行来我院基础化学实验中心访问交流。大学化学课程负责人韩莉老师、无机与分析化学课程负责人马荔老师接待来访嘉宾，并带领嘉宾们参观了大学化学实验室、无机与分析化学实验室，重点介绍了化学实验课程体系设计、实验教学流程、教学管理以及实验室建设与管理等方面的经验。双方围绕实验室建设与管理、课程体系设置、师资队伍建设等方面进行了充分交流和深入探讨，并合影留念。</P> </DIV> </A></LI> </UL> </DIV><script>_showDynClickBatch(['dynclicks_u10_2612','dynclicks_u10_2622','dynclicks_u10_2192'],[2612,2622,2192],"wbnews", 1950190086)</script> </div> </div> </div> <div class="part3"> <div class="w1460"> <div class="sy_tit ybg"> <p>教研动态</p> <a href="jydt.htm"></a></div> <div class="p3_main"><ul> <li> <a href="info/1035/1122.htm"> <div class="con"> <p class="bt">化院举行2023春季学期安全工作会议和消防演练培训</p> <p class="zy">3月24日，化学化工学院2023春季学期安全工作会议和消防演练培训在霞光楼200报告厅和化学楼举行。此次培训特邀请学校保卫处专家来我院开展消防安全讲座和逃生演习，旨在进一步加强学院消防安全工作，提高师生的消防安全意识和扑灭初起火灾的能力，熟练掌握灭火器的使用功能方法，提升在处理突发事件过程中的协调配合能力。共有80名教师安全员和学生安全员参加，培训由学院副院长贺益君主持。会上，贺益君通报了近期学院安全检查...</p> </div> <div class="right"> <div class="img_out"> <div class="img"> <IMG src="/__local/5/B1/0E/7D9F5B7BD089BA10A96F98137F9_2D7F4F45_CC869.jpg?e=.jpg" alt="化院举行2023春季学期安全工作会议和消防演练培训"> </div> <div class="sj"> <p>24</p> <span>2023.03</span> </div> </div> </div> </a> </li> <li> <a href="info/1035/1123.htm"> <div class="con"> <p class="bt">祝贺化院《有机化学》获首届上海市课程思政教学设计展示活动特等奖</p> <p class="zy">近日，由中共上海市教育卫生工作委员会、上海市教育委员会主办的首届上海市课程思政教学设计展示活动顺利举行，化学化工学院《有机化学》荣获首届上海市课程思政教学设计展示活动特等奖。团队介绍有机化学教学团队是一支富有创新力和活力的优秀师资队伍，现有教授5名，副教授2名，长聘副教授3名。教学团队2008年被评为校优秀教学团队、2014年获市教育系统巾帼文明岗、2016年获上海市巾帼文明岗、2018年获得校教书育人集体奖、20...</p> </div> <div class="right"> <div class="img_out"> <div class="img"> <IMG src="/__local/B/26/1C/DD7F496B38B78F2CF37DCCC0D7D_7523BDBD_412F5.png?e=.png" alt="祝贺化院《有机化学》获首届上海市课程思政教学设计展示活动特等奖"> </div> <div class="sj"> <p>28</p> <span>2022.12</span> </div> </div> </div> </a> </li> <li> <a href="info/1035/1124.htm"> <div class="con"> <p class="bt">化院《有机化学》课程和教学团队入选上海市课程思政示范项目</p> <p class="zy">近日，中共上海市教育卫生工作委员会、上海市教育委员会公布了2022年度课程思政示范项目入选名单、课程思政示范团队入选名单。化学化工学院“有机化学”教学团队入选上海市课程思政示范团队，《有机化学》课程入选上海市课程思政示范课程。团队介绍有机化学教学团队是一支富有创新力和活力的优秀师资队伍，现有教授5名，副教授2名，长聘副教授3名。教学团队2008年被评为校优秀教学团队、2014年获市教育系统巾帼文明岗、2016年获...</p> </div> <div class="right"> <div class="img_out"> <div class="img"> <IMG src="/__local/2/67/E0/BD681C27C1C4A7B07CA5B7FE70F_29E1F48A_1026FB.jpg?e=.jpg" alt="化院《有机化学》课程和教学团队入选上海市课程思政示范项目"> </div> <div class="sj"> <p>09</p> <span>2022.12</span> </div> </div> </div> </a> </li> </ul><script>_showDynClickBatch(['dynclicks_u11_1122','dynclicks_u11_1123','dynclicks_u11_1124'],[1122,1123,1124],"wbnews", 1950190086)</script> </div> </div> </div> <div class="part4"> <div class="bg1"></div> <div class="w1460"> <div class="sy_tit"> <p><span>学术交流</span></p> <a href="xsjl.htm"></a></div> <div class="p4_main"><div class="p4_left"> <a href="info/1036/1118.htm"> <p class="tm">报告题目：</p> <p class="bt">祝贺大学化学被认定为国家级一流本科课程</p> <div class="xia"> <div class="con"> <div class="jzr"> <p class="s">刘国军<span>教授</span></p> <p class="x">加拿大皇后大学，加拿大皇家科学院院士</p> </div> <p class="sj">2023年5月9日（周二）15:00</p> <p class="dd">霞光楼220会议室</p> </div> <div class="img_out"> <div class="img"> <IMG src="/__local/7/69/CA/90672F273DBB199580291D90329_D5167963_EABA4.png?e=.png" alt="祝贺大学化学被认定为国家级一流本科课程"> </div> </div> </div> </a> </div> <div class="p4_right"> <ul> <li> <a href="#"> <div class="con"> <p class="bt">化学化工学院举行第二届“化小苗趣味实验”公益科普活动</p> <p class="jzr">王其强<span>教授</span></p> <p class="sj">2023年4月27日（周四）14：00</p> <p class="dd">霞光楼220会议室</p> </div> <div class="img"> <IMG src="/__local/5/17/92/BFA23724CFC040BF1DE0295F14D_952E3539_BDF99.png?e=.png" alt="化学化工学院举行第二届“化小苗趣味实验”公益科普活动"> </div> </a> </li> <li> <a href="#"> <div class="con"> <p class="bt">化院举行2023春季学期安全工作会议和消防演练培训</p> <p class="jzr">王其强<span>教授</span></p> <p class="sj">2023年4月27日（周四）14：00</p> <p class="dd">霞光楼220会议室</p> </div> <div class="img"> <IMG src="/__local/5/B1/0E/7D9F5B7BD089BA10A96F98137F9_2D7F4F45_CC869.jpg?e=.jpg" alt="化院举行2023春季学期安全工作会议和消防演练培训"> </div> </a> </li> </ul> </div><script>_showDynClickBatch(['dynclicks_u12_1118','dynclicks_u12_1119','dynclicks_u12_1120'],[1118,1119,1120],"wbnews", 1950190086)</script> </div> </div> </div> <div class="part5"> <div class="w1460"> <div class="sy_tit"> <p><span>课程介绍</span></p> <a href="kcjs.htm"></a></div> <div class="p5_main"> <ul> <li> <a href="kcjs/dxhxkc/kcjj.htm"> <div class="pic"> <img src="./images/p5_img1.png" alt=""> </div> <div class="con"> <p class="bt">大学化学课程 </p> <p class="zy">化学是一门实践性很强的学科，本课程与《大学化学》理论课程相对独立，又相辅相成。通过本实验课程的学习，使学生加深对课程中理论知识的学会一些化学常用仪器的操作方法，学会获得准确的数据和正确的实验结果的一些实验手段及科学处理数据的方</p> <p class="xq">详细></p> </div> </a> </li> <li> <a href="kcjs/wjfxhxkc/kcjj.htm"> <div class="pic"> <img src="./images/p5_img2.png" alt=""> </div> <div class="con"> <p class="bt">无机分析化学课程 </p> <p class="zy">本实验课程包括无机化学与分析化学实验，是高等学校化工、化工类专业和化学近缘专业的一门必修基础课，它是培养专业技术人才整体同时化学是一门实验性非常强的自然科学，要真正的掌握好化学理论知识及方法，化学实验是必不可少的一个重要环节。</p> <p class="xq">详细></p> </div> </a> </li> <li> <a href="kcjs/wlhxkc/kcjj.htm"> <div class="pic"> <img src="./images/p5_img3.png" alt=""> </div> <div class="con"> <p class="bt">物理化学课程 </p> <p class="zy">《物理化学实验》作为环境、农学、药学与生命等专业学生的必修课程之一，其内容包括热力学、相图、电化学、动力学、表面性质与胶体化学六部分。其目的是使学生掌握基本的物理化学实验研究方法和基本技术，使学生能系统地掌握物理化学的基本原理和方法，并初步具有分析和解决实际问题的能力，为进一步学习各专业课程打下基础。</p> <p class="xq">详细></p> </div> </a> </li> <li> <a href="kcjs/yjhxkc/kcjj.htm"> <div class="pic"> <img src="./images/p5_img4.png" alt=""> </div> <div class="con"> <p class="bt">有机化学课程 </p> <p class="zy">化学是一门实验科学，有机化学实验是有机化学教学过程中不可分割的重要组成部分，实验教学是验证、巩固和加强所学的理论知识，是理论联系实际的重要环节，经过实验课程的训练，将为学生将来从事化学相关专业的应用和研究工作打下良好的基础。</p> <p class="xq">详细></p> </div> </a> </li> <li> <a href="kcjs/yqfxkc/kcjj.htm"> <div class="pic"> <img src="./images/p5_img5.png" alt=""> </div> <div class="con"> <p class="bt">仪器分析课程 </p> <p class="zy">仪器分析实验是实验化学系列的一门重要课程，是在学生经过系统的基本仪器操作训练后，初步掌握常见现代分析方法的基本知识及相应仪器的工作原理，掌握基本的数据处理方法，能够正确的表达和判断分析结果，从测量数据中去获得正确结论，进一步提高解决问题的能力，为后续学习和发展打下坚实的基础。</p> <p class="xq">详细></p> </div> </a> </li> <li> <a href="kcjs/gfzhxkc/kcjj.htm"> <div class="pic"> <img src="./images/p5_img6.png" alt=""> </div> <div class="con"> <p class="bt">高分子化学课程 </p> <p class="zy">《高分子化学》是研究高聚物的各种合成方法和化学反应机理的学科，通过学习使学生掌握有关小分子单体合成高分子化合物的重要反应及其机理，动力学、热力学以及单体结构、反应条件对聚合反应及其产物性能的影响，实施聚合反应..的</p> <p class="xq">详细></p> </div> </a> </li> <li> <a href="kcjs/hgsykc/kcjj.htm"> <div class="pic"> <img src="./images/p5_img7.png" alt=""> </div> <div class="con"> <p class="bt">化工实验课程 </p> <p class="zy">仪器分析吸纳了相关学科的新理论、新技术，逐步将自己发展成为--门多学科性的综合性科学。就其分析对象而言，与生命科学、环境科学，新材科科学有关的仪器分析法已成为分析科学中最为热门的课题。在分析手段上，多种方法..</p> <p class="xq">详细></p> </div> </a> </li> </ul> </div> </div> </div> <div class="part6"> <div class="p6_bg_shuibo"> <div class="d1"></div> <div class="d2"></div> <div class="d3"></div> </div> <div class="p6_bg_dot"> <div class="d1"></div> <div class="d2"></div> <div class="d3"></div> <div class="d4"></div> <div class="d5"></div> </div> <div class="w1460"> <div class="sy_tit bai"> <p><span>中心介绍</span></p> <a href="zxjs/gk.htm"></a></div> <div class="p6_main"> <div class="p6_left"> <div class="shang"> <div class="con"><script language="javascript" src="/system/resource/js/news/mp4video.js"></script> <p>实验中心拥有学实验专用的大型仪器设备，包括原子吸收、傅立叶变换红外光谱、液相色谱、气相色谱、气质联用、荧光光谱、紫外-可见光谱等大型仪器设备。</p> <p>中心支持建设了大学化学（国家级精品课程）；有机化学（上海市精品课程）、实验化学（上海市精品课程）；无机与分析化学、物理化学、实验化学、化工原理4门校精品课程；仪器分析、高分子科学实验2门学院平台课程。</p></div> <a class="more" href="zxjs/gk.htm"></a></div> <div class="xia"> <ul> <li> <a href="javascript:;"> <div class="pic"> <img src="/__local/0/03/49/9695C96D8CFF8DDB82C78CBB1F5_FC294072_1EF9.png?e=.png" alt="" vsbhref="vurl" vurl="/_vsl/003499695C96D8CFF8DDB82C78CBB1F5/FC294072/1EF9?e=.png" vheight="" vwidth="" orisrc="/__local/0/03/49/9695C96D8CFF8DDB82C78CBB1F5_FC294072_1EF9.png?e=.png" class="img_vsb_content"> </div> <div class="con"> <p class="sz"><span class="shuzi">3600</span><span>+人</span></p> <p class="zy">授课学生数/每年</p> </div> </a> </li> <li> <a href="javascript:;"> <div class="pic"> <img src="/__local/2/68/82/363E2190180D2A9FE007B2CB038_86829F8D_2146.png?e=.png" alt="" vsbhref="vurl" vurl="/_vsl/26882363E2190180D2A9FE007B2CB038/86829F8D/2146?e=.png" vheight="" vwidth="" orisrc="/__local/2/68/82/363E2190180D2A9FE007B2CB038_86829F8D_2146.png?e=.png" class="img_vsb_content"> </div> <div class="con"> <p class="sz"><span class="shuzi">16.6</span><span>+万</span></p> <p class="zy">年实验量</p> </div> </a> </li> <li> <a href="javascript:;"> <div class="pic"> <img src="/__local/B/A5/66/96F7CD52CCBB86D1329D71F7F98_351E26C2_2460.png?e=.png" alt="" vsbhref="vurl" vurl="/_vsl/BA56696F7CD52CCBB86D1329D71F7F98/351E26C2/2460?e=.png" vheight="" vwidth="" orisrc="/__local/B/A5/66/96F7CD52CCBB86D1329D71F7F98_351E26C2_2460.png?e=.png" class="img_vsb_content"> </div> <div class="con"> <p class="sz"><span class="shuzi">2670</span><span>M²</span></p> <p class="zy">实验室面积</p> </div> </a> </li> </ul></div> </div> <div class="p6_right"> <div class="p6_right_tit"> <p>仪器设备</p> <a class="more" href="sbyhj/yqsbqk.htm"></a></div> <div class="swiper p6_right_lb1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="info/1014/2552.htm"> <div class="pic"> <IMG src="/__local/D/20/24/783CDFB7B1B0A810E879D0167F4_6ABB8E96_32E89.jpg" alt="台式扫描电子显微镜"> </div> <p>台式扫描电子显微镜</p> </a> </div> <div class="swiper-slide"> <a href="info/1014/2472.htm"> <div class="pic"> <IMG src="/__local/B/8D/2B/9EC0FA414EE836197D649DA375D_89054851_2A097.jpg" alt="全自动电位滴定仪"> </div> <p>全自动电位滴定仪</p> </a> </div> </div> </div> <div class="swiper p6_right_lb2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="info/1014/2472.htm"> <div class="pic"> <IMG src="/__local/B/8D/2B/9EC0FA414EE836197D649DA375D_89054851_2A097.jpg" alt="全自动电位滴定仪"> </div> <p>全自动电位滴定仪</p> </a> </div> <div class="swiper-slide"> <a href="info/1014/2462.htm"> <div class="pic"> <IMG src="/__local/0/6D/3A/4DCFA34462391A6E053D747B8A1_A71F8EF5_50AE2.jpg" alt="能量色散型X荧光光谱仪"> </div> <p>能量色散型X荧光光谱仪</p> </a> </div> <div class="swiper-slide"> <a href="info/1014/2452.htm"> <div class="pic"> <IMG src="/__local/9/1C/55/FCD80D207614F22182A00B9FD82_AE6C5934_40F61.jpg" alt="气相色谱仪"> </div> <p>气相色谱仪</p> </a> </div> </div> </div> <div class="swiper p6_right_lb3"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="info/1014/2412.htm"> <div class="pic"> <IMG src="/__local/0/96/25/02ABA9852C5CAD202B850BF169F_B4897CC9_2CE7C.jpg" alt="气相色谱仪"> </div> <p>气相色谱仪</p> </a> </div> <div class="swiper-slide"> <a href="info/1014/2442.htm"> <div class="pic"> <IMG src="/__local/0/DE/2F/7D71C7E7A3D19FD9ED7AFB6E30C_1BEF2B24_402C4.jpg" alt="气质联用仪"> </div> <p>气质联用仪</p> </a> </div> </div> </div><script>_showDynClickBatch(['dynclicks_u16_2552','dynclicks_u16_2472','dynclicks_u16_2462','dynclicks_u16_2452','dynclicks_u16_2412','dynclicks_u16_2442'],[2552,2472,2462,2452,2412,2442],"wbnews", 1950190086)</script> </div> </div> </div> </div> <div class="foot"> <div class="w1460"> <div class="foot_left"> <div class="logo"> <a href="index.htm" title="" onclick="_addDynClicks("wbimage", 1950190086, 78330)" target="_blank"> <IMG alt="" src="images/foot_logo.png"> </a> </div> </div> <div class="foot_right"> <div class="foot_fx"> <UL> <LI><a href="#" title="" onclick="_addDynClicks("wbimage", 1950190086, 78331)" target="_blank"><IMG alt="" src="images/foot_fx_wb.png"></A> </LI> <LI><a href="#" title="" onclick="_addDynClicks("wbimage", 1950190086, 78332)" target="_blank"><IMG alt="" src="images/foot_fx_fc.png"></A> </LI> </UL></div> <div class="f_right_xia"> <div class="f_dz"> <p>地址：上海市东川路800号 200240</p> <p>电话：021-54742893</p> <p>E-mail：sjtuscce@sjtu.edu.cn</p></div> <UL class="f_lj"> <LI><A href="#" onclick="_addDynClicks("wburl", 1950190086, 89463)">我的数字交大</A> </LI> <LI><A href="#" onclick="_addDynClicks("wburl", 1950190086, 89464)">DNA存储研究中心</A> </LI> <LI><A href="#" onclick="_addDynClicks("wburl", 1950190086, 89465)">科研信息服务系统</A> </LI> <LI><A href="#" onclick="_addDynClicks("wburl", 1950190086, 89466)">变革性分子前沿科学中心</A> </LI> <LI><A href="#" onclick="_addDynClicks("wburl", 1950190086, 89467)">工程管理硕士</A> </LI> <LI><A href="#" onclick="_addDynClicks("wburl", 1950190086, 89468)">会议室共享预约系统</A> </LI> </UL> <DIV class="f_ewm"><IMG alt="" src="images/foot_gzh_ewm.jpg"> <P>官方公众号</P></DIV> </div> </div> </div> <div class="bq"> <!-- 版权内容请在本组件"内容配置-版权"处填写 --> <p>Copyright © 2018 基础化学实验中心. All Rights Reserved. 沪交ICP备20101079</p> </div> </div> </div> </div> <!-- 主体结束 --> <div class="fhdb"><a href="#top"><img alt="" src="images/fhdb.jpg"></a> </div> <script src="js/set.js"></script> <script src="js/mousewheel.js"></script> <script src="js/index.js"></script> <script> $(".p1_jt_box .p1_fx ul li").mouseenter(function(){ if($(this).find('.ewm')){ $(this).find('.ewm').slideDown() } }) $(".p1_jt_box .p1_fx ul li").mouseleave(function(){ if($(this).find('.ewm')){ $(this).find('.ewm')[0].style.display="none"; } }) var p1_lb = new Swiper(".p1_lb", { pagination: { el: ".p1_jt_box .swiper-pagination", clickable: true, }, autoplay: { delay: 5000, disableOnInteraction: false, }, navigation: { nextEl: ".p1_lb .swiper-button-next", prevEl: ".p1_lb .swiper-button-prev", }, on: { slideChangeTransitionEnd: function(){ // alert(this.activeIndex);//切换结束时，告诉我现在是第几个slide $(".p1_jt_box .p1_cl .now")[0].innerHTML=this.activeIndex+1; } }, }); $(".p1_jt_box .p1_cl .all")[0].innerHTML="/0"+$(".p1_jt_box .swiper-pagination span").length; var p2_lb = new Swiper(".p2_lb", { observer: true, //开启动态检查器，监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 pagination: { el: ".p2_lb_jt .swiper-pagination", clickable: true, type: "fraction", }, autoplay: { delay: 5000, disableOnInteraction: false, }, navigation: { nextEl: ".p2_lb_jt .jt .swiper-button-next", prevEl: ".p2_lb_jt .jt .swiper-button-prev", }, }); var p6_right_lb1 = new Swiper(".p6_right_lb1", { observer: true, //开启动态检查器，监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 slidesPerView: 1, effect: "fade", autoplay: { delay: 5000, disableOnInteraction: false, }, on: { slideChangeTransitionStart: function(){ $(".p6_right .p6_right_lb1").addClass("on") }, slideChangeTransitionEnd: function(){ setTimeout(function(){$(".p6_right .p6_right_lb1").removeClass("on")},1000) } }, }); var p6_right_lb2 = new Swiper(".p6_right_lb2", { observer: true, //开启动态检查器，监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 slidesPerView: 1, effect: "fade", autoplay: { delay: 5000, disableOnInteraction: false, }, on: { slideChangeTransitionStart: function(){ $(".p6_right .p6_right_lb2").addClass("on") }, slideChangeTransitionEnd: function(){ setTimeout(function(){$(".p6_right .p6_right_lb2").removeClass("on")},1000) } }, }); var p6_right_lb3 = new Swiper(".p6_right_lb3", { observer: true, //开启动态检查器，监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 slidesPerView: 1, effect: "fade", autoplay: { delay: 5000, disableOnInteraction: false, }, on: { slideChangeTransitionStart: function(){ $(".p6_right .p6_right_lb3").addClass("on") }, slideChangeTransitionEnd: function(){ setTimeout(function(){$(".p6_right .p6_right_lb3").removeClass("on")},1000) } }, }); p6_right_lb1.autoplay.stop(); p6_right_lb3.autoplay.stop(); p6_right_lb2.autoplay.stop(); setTimeout(function(){p6_right_lb1.autoplay.start()},0) setTimeout(function(){p6_right_lb3.autoplay.start()},1000) setTimeout(function(){p6_right_lb2.autoplay.start()},2000) $(".body_main").scroll(function() { $(".part3,.part4,.part5,.part6,.p6_main").each( function(index, element) { var e = $(this); var fix = parseInt(e.attr("fix")); if (!fix && fix != 0) { fix = $(window).height() * 6 * 0.1; } else { fix = $(window).height() * fix * 0.1; } if ($(window).scrollTop() >= $(e).offset().top - fix) { if (!$(e).hasClass("showdiv")) { $(e).addClass("showdiv"); if ($(e).hasClass("p6_main")) { $('.shuzi').countUp({ delay: 10, //每个数字动画的延迟时间，单位毫秒。 time: 800 //计数动画总的持续时间。 }); } } } else { if ($(e).hasClass("showdiv")) { $(e).removeClass("showdiv"); // if ($(e).hasClass("part1")) { // } } } }); }); if($(window).width()<=1024){ $(".part3").addClass("showdiv"); $(".part4").addClass("showdiv"); $(".part5").addClass("showdiv"); $(".part6").addClass("showdiv"); } </script> <script> // 首屏滚动 $(function(){ if($(window).width()>1024){ (function(){ // 鼠标向下滚动 $('.firstScreen').mousewheel(function (event) { if (event.deltaY < 0) { $('.body_main').addClass("on"); $('.firstScreen').addClass('showDiv'); $('.p2_main').addClass('showDiv'); $('.toubu_div').addClass("on"); $(".fhdb").addClass("on"); } }); $('.firstScreen .sy_xjt').click(function (event) { $('.body_main').addClass("on"); $('.firstScreen').addClass('showDiv'); $('.p2_main').addClass('showDiv'); $('.toubu_div').addClass("on"); $(".fhdb").addClass("on"); }) // 鼠标向上滚动 $('.body_main').mousewheel(function (event) { if(event.deltaY > 0){ $(".toubu_div").removeClass("lit"); } if(event.deltaY < 0){ $(".toubu_div").addClass("lit"); } if ($('.body_main').scrollTop() == 0 && event.deltaY > 0) { $('.body_main').removeClass("on"); $('.toubu_div').removeClass("on"); $('.firstScreen').removeClass('showDiv'); $('.p2_main').removeClass('showDiv'); $(".fhdb").removeClass("on"); } }); })(); (function(){ $('.fhdb').click(function(){ $('.body_main').scrollTop(0); $('.body_main').removeClass("on"); $('.firstScreen').removeClass('showDiv'); $('.p2_main').removeClass('showDiv'); $('.fhdb').removeClass("on"); }) $('.sy_bowen').click(function(){ $('.body_main').addClass("on"); $('.firstScreen').addClass('showDiv'); $('.p2_main').addClass('showDiv'); $('.toubu_div').addClass("on"); $(".fhdb").addClass("on"); }) })(); } }); </script> </body></html>