|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| | | | |
| − | <head>
| |
| − | <meta charset="UTF-8">
| |
| − | <link rel="stylesheet" type="text/css" href="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS/Bootstrap&action=raw&ctype=text/css" />
| |
| − |
| |
| − |
| |
| − | <link rel="stylesheet" type="text/css" href="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS/Fluent&action=raw&ctype=text/css" />
| |
| − |
| |
| − | <link rel="stylesheet" type="text/css" href="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS/FontAwesome&action=raw&ctype=text/css" />
| |
| − |
| |
| − | <link rel="stylesheet" type="text/css" href="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/CSS/Custom&action=raw&ctype=text/css" />
| |
| − |
| |
| − |
| |
| − | <!--
| |
| − | <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="js/bootstrap.min.js"></script>
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="js/popper.min.js" ></script>
| |
| − | -->
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/jquery3.2.1&action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap&action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/bootstrap.bundle&action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/popper&action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="http://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/smooth-scroll&action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <title></title>
| |
| − | </head>
| |
| − |
| |
| − | <style>
| |
| − | #sideMenu, #top_title, #toc, .toc {
| |
| − | display: none;
| |
| − | }
| |
| − | #content {
| |
| − | width: 100%;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | background: #FFF;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #globalWrapper {
| |
| − | font-size: 100%;
| |
| − | }
| |
| − | .dropdown-menu {
| |
| − | width: 160px !important;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #HQ_page p{
| |
| − | font-size: 20px;
| |
| − | color: #393939;
| |
| − | padding-top: -20px;
| |
| − | }
| |
| − |
| |
| − | body{
| |
| − | padding-top: -20px;
| |
| − | }
| |
| − |
| |
| − | h2 h3 h4 {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .row {
| |
| − | padding: 36px;
| |
| − | }
| |
| − | hr {
| |
| − | width: auto;
| |
| − | border-top: 1px solid rgba(0, 0, 0, 0.125);
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <style>
| |
| − | .header-nav {
| |
| − | position: fixed;
| |
| − | top: 16px;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | padding-top: 0;
| |
| − | padding-bottom: 5px;
| |
| − | background-color: #020202;
| |
| − | box-shadow: 0 0 6px 0 #333;
| |
| − | opacity: 0.7;
| |
| − | z-index: 1000;
| |
| − | -webkit-transition: all 0.3s;
| |
| − | transition: all 0.3s;
| |
| − | text-align: center;
| |
| − | height: 45px;
| |
| − | }
| |
| − | .header-nav:hover{
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .nav-item1{
| |
| − | font-size: 20px;
| |
| − | font-weight: 700;
| |
| − | padding-right: 15px;
| |
| − | padding-left: 15px;
| |
| − |
| |
| − | }
| |
| − | .nav-sub-item{
| |
| − | font-size: 20px;
| |
| − | padding: 5px 10px;
| |
| − | top:0;
| |
| − | text-align: center
| |
| − | }
| |
| − | .sub_menu{
| |
| − | position: absolute;
| |
| − | z-index: 1000;
| |
| − | float: left;
| |
| − | min-width: 160px;
| |
| − | top: 39px;
| |
| − | list-style: none;
| |
| − | font-size: 12px;
| |
| − | background-color: #464646;
| |
| − | border: 1px solid #cccccc;
| |
| − | color: #fff;
| |
| − | border: 1px solid rgba(0, 0, 0, 0.15);
| |
| − | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
| |
| − | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
| |
| − | -webkit-background-clip: padding-box;
| |
| − | background-clip: padding-box;
| |
| − | }
| |
| − | .nav-sub-item:hover{
| |
| − | background-color: rgb(171,171,171);
| |
| − | }
| |
| − | .nav-sub-item a{
| |
| − | text-decoration: none;
| |
| − | color: #FFFFFF !important;
| |
| − |
| |
| − | }
| |
| − | .nav-1-item{
| |
| − | font-size: 16px;
| |
| − | font-weight: 700;
| |
| − | padding: 0px 11px;
| |
| − |
| |
| − | }
| |
| − | .nav-1-item{
| |
| − | display:block;
| |
| − | height: 42px;
| |
| − | float: right;
| |
| − | }
| |
| − | a:not([href]):not([tabindex]) {
| |
| − | color: #fff;
| |
| − | }
| |
| − | #mw-content-text > div:nth-child(2) > div > a:nth-child(2){
| |
| − | color: #fff !important;
| |
| − | }
| |
| − | #mw-content-text > div:nth-child(2) > div > a:nth-child(1){
| |
| − | color: #fff !important;
| |
| − | }
| |
| − | #header_list > a:nth-child(5){
| |
| − | color: #fff !important;
| |
| − | }
| |
| − | #header_list > a:nth-child(6){
| |
| − | color: #fff !important;
| |
| − | }
| |
| − | #mw-content-text > div:nth-child(2) > a > span{
| |
| − | color: #fff !important;
| |
| − | }
| |
| − | #content{
| |
| − | margin-top: -18px;
| |
| − | }
| |
| − |
| |
| − | #bodyContent
| |
| − | {
| |
| − | margin-top: -18px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .animated {
| |
| − | -webkit-animation-duration: 1s;
| |
| − | animation-duration: 1s;
| |
| − | -webkit-animation-fill-mode: both;
| |
| − | animation-fill-mode: both;
| |
| − | }
| |
| − | .bounce {
| |
| − | -webkit-animation-name: bounce;
| |
| − | animation-name: bounce;
| |
| − | -webkit-transform-origin: center bottom;
| |
| − | transform-origin: center bottom;
| |
| − | }
| |
| − | @keyframes bounce {
| |
| − | 0%, 20%, 53%, 80%, 100% {
| |
| − | -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
| |
| − | transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
| |
| − | -webkit-transform: translate3d(0,0,0);
| |
| − | transform: translate3d(0,0,0);
| |
| − | }
| |
| − | 40%, 43% {
| |
| − | -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
| |
| − | transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
| |
| − | -webkit-transform: translate3d(0, -30px, 0);
| |
| − | transform: translate3d(0, -30px, 0);
| |
| − | }
| |
| − | 70% {
| |
| − | -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
| |
| − | transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
| |
| − | -webkit-transform: translate3d(0, -15px, 0);
| |
| − | transform: translate3d(0, -15px, 0);
| |
| − | }
| |
| − | 90% {
| |
| − | -webkit-transform: translate3d(0,-4px,0);
| |
| − | transform: translate3d(0,-4px,0);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − | <div style="height: 56px;background-color: black;opacity: 0.7;padding: 0 1rem;position:relative;z-index:1000;">
| |
| − | <a class="navbar-brand" href="http://2018.igem.org/Team:SZU-China">
| |
| − | <img src="http://2018.igem.org/wiki/images/1/15/T--SZU-China--logo.png" height="50" alt="Route 66 in navbar">
| |
| − | <span class="d-inline-block ml-2">SZU-China</span>
| |
| − | </a>
| |
| − | <div style="height: 56px;width: 60%;float: right;text-align: right;padding-top: 14px">
| |
| − | <a class="nav-1-item" style="color: white;" href="http://2018.igem.org/Team:SZU-China/Applet">Applet</a>
| |
| − | <a class="nav-1-item father" id="nav1_5" data-id="5" href="http://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a>
| |
| − | <a class="nav-1-item father" id="nav1_4" data-id="4">Experiment</a>
| |
| − | <a class="nav-1-item father" id="nav1_3" data-id="3">Project</a>
| |
| − | <a class="nav-1-item father" id="nav1_2" data-id="2">Team</a>
| |
| − | <a class="nav-1-item father" id="nav1_1" data-id="1">Awards</a>
| |
| − | </div>
| |
| − | <div class="sub_menu son" id="sub1" style="display: none;left: 21%;">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Achievement">Achievement</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Applied_Design">Applied Design</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Public_Engagement">Public Engagement</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Model">Model</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu son" id="sub2" style="display: none;left: 28.6%">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Team">Team Members</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Collaborations">Collaborations</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Attributions">Attributions</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu son" id="sub3" style="display: none;left: 35.6%">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Description">Description</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Demonstrate">Demonstrate</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Model">Model</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Improve">Improve</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Parts">Parts</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Safety">Safety</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu son" id="sub4" style="display: none;left: 44.3%">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Design">Design</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Procedure">Procedure</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Results">Results</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/InterLab">InterLab</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Notebook">Notebook</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu son" id="sub5" style="display: none;left: 44.3%">
| |
| − |
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Human_Practices">Integrated HP</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Applet">Applet</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/MeetUp">Meetup</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Public_Engagement">Education & Public engagement</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="header-nav" style="text-align: center;display: none">
| |
| − | <div style="width: 100%;height: 45px;text-align: center;" id="header_list">
| |
| − | <a class="nav-item1" id="nav0" style="color: white;" href="http://2018.igem.org/Team:SZU-China">Home</a>
| |
| − | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav1" data-id="1">Awards</a>
| |
| − | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav2" data-id="2">Team</a>
| |
| − | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav3" data-id="3">Project</a>
| |
| − | <a class="nav-item1 nav-father" style="display:inline-block;height:45px" id="nav4" data-id="4">Experiment</a>
| |
| − | <a class="nav-item1 nav-father" style="display:inline-block;height:45px;color: white;" id="nav5" data-id="5" href="http://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a>
| |
| − | <a class="nav-item1" style="color: white;" href="http://2018.igem.org/Team:SZU-China/Applet">Applet</a>
| |
| − | </div>
| |
| − | <div class="sub_menu nav_son" id="header_nav1" style="display: none;left: 21%;">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Achievement">Achievement</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Applied_Design">Applied Design</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Human_Practices">Human Practices</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Public_Engagement">Public Engagement</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Model">Model</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu nav_son" id="header_nav2" style="display: none;left: 28.6%">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Team">Team Members</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Collaborations">Collaborations</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Attributions">Attributions</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu nav_son" id="header_nav3" style="display: none;left: 35.6%">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Description">Description</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Demonstrate">Demonstrate</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Model">Model</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Improve">Improve</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Parts">Parts</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Safety">Safety</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu nav_son" id="header_nav4" style="display: none;left: 44.3%">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Design">Design</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Procedure">Procedure</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Results">Results</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/InterLab">InterLab</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Notebook">Notebook</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Protocol">Protocol</a></div>
| |
| − | </div>
| |
| − | <div class="sub_menu nav_son" id="header_nav5" style="display: none;left: 44.3%">
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Human_Practices">Integrated HP</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Applet">Applet</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/MeetUp">Meetup</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Investigation">Investigation</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Simulation">Simulation</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Public_Engagement">Education & Public engagement</a></div>
| |
| − | <div class="nav-sub-item"><a href="http://2018.igem.org/Team:SZU-China/Prospect">Prospect</a></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − |
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − | <p>杨鸣宇牛逼</p>
| |
| − |
| |
| − | <script>
| |
| − | for(i=1;i<=5;i++){
| |
| − | $("#sub"+i).attr("style","left:" + document.getElementById("nav1_"+i).getBoundingClientRect().left+"px;display:none");
| |
| − | }
| |
| − | $(".nav-father").hover(function(){
| |
| − | $("#header_nav"+$(this).data("id")).show();
| |
| − | $("#header_nav"+$(this).data("id")).attr("style","left:" + document.getElementById("nav"+$(this).data("id")).getBoundingClientRect().left+"px;");
| |
| − | },function(){
| |
| − | $("#header_nav"+$(this).data("id")).hide();
| |
| − | });
| |
| − | $(".nav_son").hover(function(){
| |
| − | $(this).show();
| |
| − | },function(){
| |
| − | $(this).hide();
| |
| − | });
| |
| − | $(".father").hover(function(){
| |
| − | $("#sub"+$(this).data("id")).show();
| |
| − | },function(){
| |
| − | $("#sub"+$(this).data("id")).hide();
| |
| − | });
| |
| − | $(".son").hover(function(){
| |
| − | $(this).show();
| |
| − | },function(){
| |
| − | $(this).hide();
| |
| − | });
| |
| − | </script>
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | window.onscroll = function () {
| |
| − | var t = document.documentElement.scrollTop || document.body.scrollTop;
| |
| − | if (t >= 56) {
| |
| − | $(".header-nav").show();
| |
| − | $("#header_list").addClass("animated animation-done bounce");
| |
| − | } else {
| |
| − | $(".header-nav").hide();
| |
| − | }
| |
| − | if (t >= 600) {
| |
| − | $("#p1").removeClass("in").addClass("out");
| |
| − | $("#ti").show();
| |
| − | } else {
| |
| − | $("#p1").removeClass("out").addClass("in");
| |
| − | $("#ti").hide();
| |
| − | }
| |
| − | };
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | $("#nav1_1").hover(function () {
| |
| − | $("#sub1").show();
| |
| − | $("#sub1").attr("style", "left:" + document.getElementById("nav1_1").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px");
| |
| − | }, function () {
| |
| − | $("#sub1").hide();
| |
| − | });
| |
| − | $("#nav1_2").hover(function () {
| |
| − | $("#sub2").show();
| |
| − | $("#sub2").attr("style", "left:" + document.getElementById("nav1_2").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px");
| |
| − | }, function () {
| |
| − | $("#sub2").hide();
| |
| − | });
| |
| − | $("#nav1_3").hover(function () {
| |
| − | $("#sub3").show();
| |
| − | $("#sub3").attr("style", "left:" + document.getElementById("nav1_3").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px");
| |
| − | }, function () {
| |
| − | $("#sub3").hide();
| |
| − | });
| |
| − | $("#nav1_4").hover(function () {
| |
| − | $("#sub4").show();
| |
| − | $("#sub4").attr("style", "left:" + document.getElementById("nav1_4").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav1_1").getBoundingClientRect().top + 22) + "px");
| |
| − | }, function () {
| |
| − | $("#sub4").hide();
| |
| − | });
| |
| − |
| |
| − | $("#nav1").hover(function () {
| |
| − | $("#sub1").show();
| |
| − | $("#sub1").attr("style", "left:" + document.getElementById("nav1").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav1").getBoundingClientRect().top + 11 + document.documentElement
| |
| − | .scrollTop) + "px");
| |
| − | }, function () {
| |
| − | $("#sub1").hide();
| |
| − | });
| |
| − | $("#sub1").hover(function () {
| |
| − | $("#sub1").show();
| |
| − | }, function () {
| |
| − | $("#sub1").hide();
| |
| − | });
| |
| − | $("#nav2").hover(function () {
| |
| − | $("#sub2").show();
| |
| − | $("#sub2").attr("style", "left:" + document.getElementById("nav2").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav2").getBoundingClientRect().top + 11 + document.documentElement
| |
| − | .scrollTop) + "px");
| |
| − | }, function () {
| |
| − | $("#sub2").hide();
| |
| − | });
| |
| − | $("#sub2").hover(function () {
| |
| − | $("#sub2").show();
| |
| − | }, function () {
| |
| − | $("#sub2").hide();
| |
| − | });
| |
| − | $("#nav3").hover(function () {
| |
| − | $("#sub3").show();
| |
| − | $("#sub3").attr("style", "left:" + document.getElementById("nav3").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav3").getBoundingClientRect().top + 11 + document.documentElement
| |
| − | .scrollTop) + "px");
| |
| − | }, function () {
| |
| − | $("#sub3").hide();
| |
| − | });
| |
| − | $("#sub3").hover(function () {
| |
| − | $("#sub3").show();
| |
| − | }, function () {
| |
| − | $("#sub3").hide();
| |
| − | });
| |
| − | $("#nav4").hover(function () {
| |
| − | $("#sub4").show();
| |
| − | $("#sub4").attr("style", "left:" + document.getElementById("nav4").getBoundingClientRect().left +
| |
| − | "px;top:" + (document.getElementById("nav4").getBoundingClientRect().top + 11 + document.documentElement
| |
| − | .scrollTop) + "px");
| |
| − | }, function () {
| |
| − | $("#sub4").hide();
| |
| − | });
| |
| − | $("#sub4").hover(function () {
| |
| − | $("#sub4").show();
| |
| − | }, function () {
| |
| − | $("#sub4").hide();
| |
| − | });
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |
