2740741800 (Talk | contribs) |
2740741800 (Talk | contribs) |
||
Line 10: | Line 10: | ||
− | + | <style media="screen"> | |
#top_title{ display:none; } | #top_title{ display:none; } | ||
− | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none; top: -20px;} | + | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;top:-20px;} |
body, html { | body, html { | ||
background-color:white; | background-color:white; | ||
Line 20: | Line 20: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
− | border: 0; | + | border: 0;} |
− | + | body::-webkit-scrollbar{ | |
− | + | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | /* 四个对话包裹盒子 */ | ||
.block { | .block { | ||
height: auto; | height: auto; | ||
Line 30: | Line 31: | ||
} | } | ||
+ | /* 666666666666666666666666666666666666666666666666666666666666以下为加载动画样式66666666666666666666666666666666666666666 */ | ||
+ | #gif | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: 99999; | ||
+ | /* display: -webkit-box; */ | ||
+ | -webkit-box-orient: horizontal; | ||
+ | -webkit-box-pack: center; | ||
+ | -webkit-box-align: center; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | #gif>img/*设置gif下的img元素样式*/ | ||
+ | { | ||
+ | |||
+ | /* width:40%; */ | ||
+ | } | ||
+ | .gif2{ | ||
+ | top: 25%; | ||
+ | height:auto; | ||
+ | margin-left:30%; | ||
+ | width:40%; | ||
+ | } | ||
+ | .gif1{ | ||
+ | margin-left:35%; | ||
+ | top: 70%; | ||
+ | width:30%; | ||
+ | margin-top:-25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* 666666666666666666666666666666666666666666666666666666666666以上为加载动画样式66666666666666666666666666666666666666666 */ | ||
+ | |||
+ | |||
+ | /* 左侧导航栏样式 */ | ||
</style> | </style> | ||
<title></title> | <title></title> | ||
Line 35: | Line 75: | ||
<body> | <body> | ||
<!-- 顶部导航栏位置 --> | <!-- 顶部导航栏位置 --> | ||
− | + | <div class="header" > | |
− | + | <!---Header Start--> | |
− | + | <div class="header-area"> | |
− | + | <div class="main-header "> | |
− | + | <div class="header-bottom header-sticky"> | |
− | + | <div class="container-fluid"> | |
− | + | <div class="menu-all"> | |
− | + | <!-- Logo --> | |
− | + | <div class="logo"> | |
− | + | <a href="https://2021.igem.org/Team:SCUT-China"><img class="logoimg" src="https://static.igem.org/mediawiki/2021/5/5b/T--SCUT-China--logo.png" alt=""></a> | |
− | + | </div> | |
− | + | <!-- Main-menu --> | |
− | + | <div class="main-menu"> | |
− | + | <nav> | |
− | + | <ul id="navigation"> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China">HOME</a></li> | |
− | + | <li><a href="#">TEAM</a> | |
− | + | <ul class="submenu" style="margin-left: 0px;"> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Members">Members</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Attributions">Attributions</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Safety">Safety</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="">PROJECT</a> | |
− | + | <ul class="submenu" style="margin-left: 0px;"> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Description">Description</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Proof-of-concept">Proof of concept</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Contribution">Contributions</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Notebook">Notebook</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="#">WET LAB</a> | |
− | + | <ul class="submenu" style="margin-left: 0px;"> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Design">Design</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Engineering">Engineering</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Results">Results</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Experiment">Experiment</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Parts">Parts</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | <li><a href="#">DRY LAB</a> | |
− | + | <ul class="submenu" style="margin-left: 0px;"> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Model">Overview</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Software-NuPGO">Software NuPGO</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Fermentation-simulation">Fermentation simulation</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Machine-learning">Machine learning</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | + | </li> | |
− | + | <li><a href="#">Human PRACTICE</a> | |
− | + | <ul class="submenu" style="margin-left: 0px;"> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Integrated">Integrated Human Practices</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Education">Education and public engagement</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Design">Imposed implementation</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Inclusivity">Inclusivity</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Entrepreneurship">Entrepreneurship</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">AWARDS</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
<!-- Mobile Menu --> | <!-- Mobile Menu --> | ||
− | + | <div class="main-menu-min"> | |
− | + | <nav class="nav"> | |
− | + | <ul > | |
− | + | <li class="current"><div align="center"><img src="https://static.igem.org/mediawiki/2021/b/be/T--SCUT-China--header-min.png"></div></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China">HOME</a></li> | |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Protocols">PROJECT</a></li> | |
− | </div> | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Description">WET LAB</a></li> |
− | + | <li><a href="https://2021.igem.org/Team:SCUT-China/Design">DRY LAB</a></li> | |
+ | <li><a href="https://2021.igem.org/Team:SCUT-China/Integrated">Integrated Human Practices</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">Awards</a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- Mobile Menu --> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Header End --> | ||
+ | </div> | ||
+ | <!-- -0000000000000000000000000000000000000加载动图000000000000000000000000000000000000000 --> | ||
+ | <div id= "gif"> | ||
+ | <p style="font-size:30px;margin-left:43%;margin-top:20px;">Loading...</p> | ||
+ | <img class="gif2"src = "https://static.igem.org/mediawiki/2021/b/b8/T--SCUT-China--model-gif-bool.gif"/> | ||
+ | <img class="gif1"src = "https://static.igem.org/mediawiki/2021/1/12/T--SCUT-China--model-gif-bar.gif"/> | ||
+ | </div> | ||
+ | <!-- -0000000000000000000000000000000000000以上加载动图000000000000000000000000000000000000000 --> | ||
<!-- 首页图片 --> | <!-- 首页图片 --> | ||
<div class="background"> | <div class="background"> | ||
Line 140: | Line 181: | ||
<img class="mosquito1" src="https://static.igem.org/mediawiki/2021/e/ed/T--SCUT-China--home-1.png" | <img class="mosquito1" src="https://static.igem.org/mediawiki/2021/e/ed/T--SCUT-China--home-1.png" | ||
− | + | alt=""> | |
</div> | </div> | ||
<div class="interact-1"> | <div class="interact-1"> | ||
− | <img class="interacttalk1" id="Layer1" src=" https://static.igem.org/mediawiki/2021/8/84/T--SCUT-China--home-Dialog-1.png" alt=""> | + | <img class="interacttalk1" id="Layer1" src=" https://static.igem.org/mediawiki/2021/8/84/T--SCUT-China--home-Dialog-1.png" onmouseover="document.getElementById('Layer1').style.display='inline';" onmouseout="document.getElementById('Layer1').style.display='none';"alt=""> |
</div> | </div> | ||
Line 149: | Line 190: | ||
<!-- 蚊子2 --> | <!-- 蚊子2 --> | ||
<img class="mosquito2"src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--home-2.png" | <img class="mosquito2"src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--home-2.png" | ||
− | + | alt=""> | |
</div> | </div> | ||
<div class="interact-2"> | <div class="interact-2"> | ||
Line 158: | Line 199: | ||
<!-- 蚊子2 --> | <!-- 蚊子2 --> | ||
<img class="mosquito3"src="https://static.igem.org/mediawiki/2021/1/13/T--SCUT-China--home-3.png" | <img class="mosquito3"src="https://static.igem.org/mediawiki/2021/1/13/T--SCUT-China--home-3.png" | ||
− | + | alt=""> | |
</div> | </div> | ||
<div class="interact-3"> | <div class="interact-3"> | ||
Line 172: | Line 213: | ||
<div class="content-4"> | <div class="content-4"> | ||
<!-- 柚子1 --> | <!-- 柚子1 --> | ||
− | <a ><img class="grapefruit1"src="https://static.igem.org/mediawiki/2021/4/47/T--SCUT-China--home-4.png" | + | <a ><img class="grapefruit1"src="https://static.igem.org/mediawiki/2021/4/47/T--SCUT-China--home-4.png"onmouseover="document.getElementById('Layer1').style.display='inline';document.getElementById('Layer2').style.display='inline';" onmouseout="document.getElementById('Layer1').style.display='none';document.getElementById('Layer2').style.display='none';" |
− | + | alt=""> | |
</div></a> | </div></a> | ||
<div class="interact-4"> | <div class="interact-4"> | ||
Line 181: | Line 222: | ||
<div class="content-5"> | <div class="content-5"> | ||
<!-- 柚子2 --> | <!-- 柚子2 --> | ||
− | <img class="grapefruit2"src="https://static.igem.org/mediawiki/2021/4/48/T--SCUT-China--home-5.png" | + | <img class="grapefruit2"src="https://static.igem.org/mediawiki/2021/4/48/T--SCUT-China--home-5.png" onmouseover="document.getElementById('Layer3').style.display='inline';" onmouseout="document.getElementById('Layer3').style.display='none';" |
− | + | alt=""> | |
</div> | </div> | ||
<div class="interact-5"> | <div class="interact-5"> | ||
Line 190: | Line 231: | ||
<div class="content-6"> | <div class="content-6"> | ||
<!-- 柚子3 --> | <!-- 柚子3 --> | ||
− | <img class="grapefruit3"src="https://static.igem.org/mediawiki/2021/3/30/T--SCUT-China--home-6.png" | + | <img class="grapefruit3"src="https://static.igem.org/mediawiki/2021/3/30/T--SCUT-China--home-6.png"onmouseover="document.getElementById('Layer4').style.display='inline';document.getElementById('Layer7').style.display='inline';" onmouseout="document.getElementById('Layer4').style.display='none';document.getElementById('Layer7').style.display='none';"alt=""> |
− | + | ||
</div> | </div> | ||
<div class="interact-6"> | <div class="interact-6"> | ||
Line 199: | Line 240: | ||
<div class="content-7"> | <div class="content-7"> | ||
<!-- 柚子4 --> | <!-- 柚子4 --> | ||
− | <img class="grapefruit4"src="https://static.igem.org/mediawiki/2021/d/da/T--SCUT-China--home-7.png" | + | <img class="grapefruit4"src="https://static.igem.org/mediawiki/2021/d/da/T--SCUT-China--home-7.png"onmouseover="document.getElementById('Layer5').style.display='inline';document.getElementById('Layer6').style.display='inline';" onmouseout="document.getElementById('Layer5').style.display='none';document.getElementById('Layer6').style.display='none';" |
− | + | alt=""> | |
</div> | </div> | ||
<div class="interact-7"> | <div class="interact-7"> | ||
Line 261: | Line 302: | ||
</body> | </body> | ||
− | + | <script type='text/javascript'> | |
+ | |||
+ | window.onload = function(){ | ||
+ | var gif=document.getElementById("gif"); | ||
+ | //alert("页面加载完成====》onload"); | ||
+ | gif.style.display = 'none' | ||
+ | } | ||
+ | </script> | ||
− | |||
</html> | </html> |
Revision as of 18:33, 21 October 2021
Loading...