Allen850413 (Talk | contribs) |
Allen850413 (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{Template:CCU_Taiwan/css}} | {{Template:CCU_Taiwan/css}} | ||
<html> | <html> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | $("#Home").hover(function(){ | ||
+ | $("#sub_home").stop(true,false,true).slideToggle(300).css("opacity","0.8"); | ||
+ | }); | ||
+ | |||
+ | $("#Project").hover(function(){ | ||
+ | $("#sub_project").stop(true,false,true).slideToggle(300).css("opacity","0.8"); | ||
+ | }); | ||
+ | |||
+ | $("#Parts").hover(function(){ | ||
+ | $("#sub_parts").stop(true,false,true).slideToggle(300).css("opacity","0.8"); | ||
+ | }); | ||
+ | |||
+ | $("#Modeling").hover(function(){ | ||
+ | $("#sub_modeling").stop(true,false,true).slideToggle(300).css("opacity","0.8"); | ||
+ | }); | ||
+ | |||
+ | $("#Drylab").hover(function(){ | ||
+ | $("#sub_drylab").stop(true,false,true).slideToggle(300).css("opacity","0.8"); | ||
+ | }); | ||
+ | |||
+ | $("#Human_Practice").hover(function(){ | ||
+ | $("#sub_human_practice").stop(true,false,true).slideToggle(300).css("opacity","0.8"); | ||
+ | }); | ||
+ | |||
+ | $("#Notebook").hover(function(){ | ||
+ | $("#sub_notebook").stop(true,false,true).slideToggle(300).css("opacity","0.8"); | ||
+ | }); | ||
+ | $("#home_button").hover(function(){ | ||
+ | $(this).css("background","black") | ||
+ | },function(){ | ||
+ | $(this).css("background","#F96784") | ||
+ | }); | ||
+ | |||
+ | $("#home1").hover(function(){ | ||
+ | $("#home_img").css('display', 'block'); | ||
+ | $("#home_img").animate({ opacity: 0 }, 0); | ||
+ | $("#home_img").stop(true,false,true).animate({opacity: 1,left:'25vw'},800, 'swing') | ||
+ | $("#home_word").stop(true,false,true).delay(750).fadeIn(700) | ||
+ | },function(){ | ||
+ | $("#home_img").stop(true,false,true).css("display","none").css("left","50vw"); | ||
+ | $("#home_word").fadeOut(0) | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<body> | <body> | ||
<header> | <header> | ||
Line 7: | Line 54: | ||
<div class="container"> | <div class="container"> | ||
<ul> | <ul> | ||
− | < | + | <div id="home_button" style="cursor:pointer;" onclick="location.href= |
− | <ul> | + | 'https://2018.igem.org/Team:CCU_Taiwan';"> <img src="https://static.igem.org/mediawiki/2018/0/08/T--CCU_Taiwan--home_button.png"></img></div> |
− | <li class=" | + | <li class="title" id="Home"><a>Home</a> |
− | <li class=" | + | <ul class="sub" id="sub_home"> |
− | <li class=" | + | <li class="list" id="home1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Team">Team</a></li> |
+ | <li class="list" id="home2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions">Attributions</a></li> | ||
+ | <li class="list" id="home3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Judge">For Judge</a></li> | ||
+ | |||
+ | <div id="home_img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/57/T--CCU_Taiwan--home.png"></img> | ||
+ | </div> | ||
+ | <div id="home_word"> | ||
+ | <p>There's a home for us, always.</p> | ||
+ | </div> | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title"><a href="#">Project</a> | + | <li class="title" id="Project"><a href="#">Project</a> |
− | <ul> | + | <ul class="sub" id="sub_project"> |
− | <li class=" | + | <li class="list" id="project1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Description">Description</a></li> |
− | <li class=" | + | <li class="list" id="project2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Design">Design</a></li> |
− | <li class=" | + | <li class="list" id="project3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Results">Results</a></li> |
− | <li class=" | + | <li class="list" id="project4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Achievements">Achievements</a></li> |
− | <li class=" | + | <li class="list" id="project5"><a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab ">InterLab</a></li> |
− | <li class=" | + | <li class="list" id="project6"><a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate">Demonstration</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title"><a href="#">Parts</a> | + | <li class="title" id="Parts"><a href="#">Parts</a> |
− | <ul> | + | <ul class="sub" id="sub_parts"> |
− | <li class=" | + | <li class="list" id="parts1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Parts">Parts</a></li> |
− | <li class=" | + | <li class="list" id="parts2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part">Basic Part</a></li> |
− | <li class=" | + | <li class="list" id="parts3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part">Composite Part</a></li> |
− | <li class=" | + | <li class="list" id="parts4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Improve">Improved Part</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title"><a href="#">Modeling</a> | + | <li class="title" id="Modeling"><a href="#">Modeling</a> |
− | <ul> | + | <ul class="sub" id="sub_modeling"> |
− | <li class=" | + | <li class="list" id="model1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Model">Model</a></li> |
− | <li class=" | + | <li class="list" id="model2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Enzyme">Enzyme Activity</a></li> |
− | <li class=" | + | <li class="list" id="model3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Monolignol">Monolignol Binding</a></li> |
− | <li class=" | + | <li class="list" id="model4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Tools">Tools</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title"><a href="#">Drylab</a> | + | <li class="title" id="Drylab"><a href="#">Drylab</a> |
− | <ul> | + | <ul class="sub" id="sub_drylab"> |
− | <li class=" | + | <li class="list" id="drylab1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Our_Plan">Our Plan</a></li> |
− | <li class=" | + | <li class="list" id="drylab2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Engineering">Engineering</a></li> |
− | <li class=" | + | <li class="list" id="drylab3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Safety">Safety</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title"><a href="#">Human Practice</a> | + | <li class="title" id="Human_Practice"><a href="#">Human Practice</a> |
− | <ul> | + | <ul class="sub" id="sub_human_practice"> |
− | <li class=" | + | <li class="list" id="human_practice1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices">Human Practice</a></li> |
− | <li class=" | + | <li class="list" id="human_practice2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Engagement">Engagement</a></li> |
− | <li class=" | + | <li class="list" id="human_practice3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship">Entrepreneurship</a></li> |
− | <li class=" | + | <li class="list" id="human_practice4"><a href="https://2018.igem.org/Team:CCU_Taiwan/Business_Model">Business Model</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="title"><a href="#">Notebook</a> | + | <li class="title" id="Notebook"><a href="#">Notebook</a> |
− | <ul> | + | <ul class="sub" id="sub_notebook"> |
− | <li class=" | + | <li class="list" id="notebook1"><a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook">Notebook</a></li> |
− | <li class=" | + | <li class="list" id="notebook2"><a href="https://2018.igem.org/Team:CCU_Taiwan/Applied_Design">Applied Design</a></li> |
− | <li class=" | + | <li class="list" id="notebook3"><a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments">Experiments</a></li> |
− | <li class=" | + | <li class="list" id="notebook4"><a href="https://2018.igem.org/Team:CCU_Taiwan/DATABASE">DATABASE</a></li> |
</ul> | </ul> | ||
</li> | </li> |
Revision as of 08:33, 14 August 2018