"
Team:SCUT
From 2014.igem.org
(Difference between revisions)
| Line 143: | Line 143: | ||
#mainbody{position:absolute;top:65px;left:0px;height:530px;width:100%;opacity:1;} | #mainbody{position:absolute;top:65px;left:0px;height:530px;width:100%;opacity:1;} | ||
#mainbody img{width:80px;height:80px;} | #mainbody img{width:80px;height:80px;} | ||
| - | + | #HOME{width:836px;height:416px;margin:57px auto;overflow:hidden;} | |
| - | + | .team{position:absolute;opacity:1;display:none;cursor:pointer;} | |
| - | . | + | .team img{position:absolute;z-index:1000;} |
| - | + | .team_1{margin-left:84px;margin-top:0px;} | |
| - | . | + | .team_2{margin-left:84px;margin-top:168px;} |
| - | . | + | .team_3{margin-left:84px;margin-top:336px;} |
| - | . | + | .team_4{margin-left:168px;margin-top:0px;} |
| - | . | + | .team_5{margin-left:168px;margin-top:84px;} |
| - | . | + | .model{position:absolute;opacity:1;display:none;cursor:pointer;} |
| - | . | + | .model img{position:absolute;z-index:1000;} |
| - | . | + | .model_1{margin-left:168px;margin-top:168px;} |
| - | + | .model_2{margin-left:252px;margin-top:252px;} | |
| - | . | + | .model_3{margin-left:336px;margin-top:252px;} |
| - | . | + | .model_4{margin-left:420px;margin-top:252px;} |
| - | . | + | .project{position:absolute;opacity:1;display:none;cursor:pointer;} |
| - | . | + | .project img{position:absolute;z-index:1000;} |
| - | . | + | .project_1{margin-left:168px;margin-top:0px;} |
| - | . | + | .project_2{margin-left:168px;margin-top:84px;} |
| - | + | .project_3{margin-left:168px;margin-top:168px} | |
| - | . | + | .project_4{margin-left:336px;margin-top:0px;} |
| - | . | + | .dp{position:absolute;opacity:1;display:none;cursor:pointer;} |
| - | . | + | .dp_1{margin-left:420px;margin-top:252px;} |
| - | . | + | .dp_2{margin-left:420px;margin-top:336px;} |
| - | . | + | .hp{position:absolute;opacity:1;display:none;cursor:pointer;} |
| - | . | + | .hp_1{margin-left:672px;margin-top:84px;} |
| - | + | .hp_2{margin-left:672px;margin-top:168px;} | |
| - | . | + | .hp_3{margin-left:672px;margin-top:252px;} |
| - | . | + | /*先列再行*/ |
| - | . | + | .ho{position:absolute;width:80px;height:80px;text-align:center;} |
| - | + | .ho_home{margin-left:0px;margin-top:84px;} /*home*/ | |
| - | . | + | .ho_team{margin-left:0px;margin-top:336px;} /*team*/ |
| - | . | + | .ho21{margin-left:84px;margin-top:0px;} |
| - | . | + | .ho22{margin-left:84px;margin-top:168px;} |
| - | + | .ho23{margin-left:84px;margin-top:336px;} | |
| - | + | .ho31{margin-left:168px;margin-top:0px;} | |
| - | + | .ho32{margin-left:168px;margin-top:84px;} | |
| - | */ | + | .ho33{margin-left:168px;margin-top:168px;} |
| - | .ho{position:absolute;width:80px;height:80px | + | .ho_model{margin-left:168px;margin-top:252px;} /*model*/ |
| - | . | + | .ho_project{margin-left:252px;margin-top:0px;} /*project*/ |
| - | . | + | .ho42{margin-left:252px;margin-top:252px;} |
| - | .ho21{left: | + | .ho51{margin-left:336px;margin-top:0px;} |
| - | .ho22{left: | + | .ho52{margin-left:336px;margin-top:252px;} |
| - | .ho23{left: | + | .ho61{margin-left:420px;margin-top:168px;} |
| - | .ho31{left: | + | .ho62{margin-left:420px;margin-top:252px;} |
| - | .ho32{left: | + | .ho63{margin-left:420px;margin-top:336px;} |
| - | .ho33{left: | + | .ho_dp{margin-left:504px;margin-top:336px;} /*data page*/ |
| - | . | + | .ho81{margin-left:588px;margin-top:84px;} |
| - | . | + | .ho_safety{margin-left:588px;margin-top:168px;} /*safety*/ |
| - | .ho42{left: | + | .ho83{margin-left:588px;margin-top:252px;} |
| - | .ho51{left: | + | .ho84{margin-left:588px;margin-top:336px;} |
| - | .ho52{left: | + | .ho91{margin-left:672px;margin-top:84px;} |
| - | .ho61{left: | + | .ho92{margin-left:672px;margin-top:168px;} |
| - | .ho62{left: | + | .ho93{margin-left:672px;margin-top:252px;} |
| - | .ho63{left: | + | .ho_hp{margin-left:756px;margin-top:84px;} /*human practice*/ |
| - | . | + | |
| - | .ho81{left: | + | |
| - | . | + | |
| - | .ho83{left: | + | |
| - | .ho84{left: | + | |
| - | .ho91{left: | + | |
| - | .ho92{left: | + | |
| - | .ho93{left: | + | |
| - | . | + | |
</style> | </style> | ||
</HEAD> | </HEAD> | ||
| Line 213: | Line 204: | ||
</div> | </div> | ||
| - | <div id="mainbody"> | + | <div id="mainbody"> |
| - | <div class="ho | + | |
| + | <div id="HOME"> | ||
| + | |||
| + | <div class="ho ho_home"> | ||
<img src="https://static.igem.org/mediawiki/2014/f/fe/01.png"> | <img src="https://static.igem.org/mediawiki/2014/f/fe/01.png"> | ||
</div> | </div> | ||
| - | + | <div class="ho ho_team"> | |
<img src="https://static.igem.org/mediawiki/2014/d/d9/02.png"> | <img src="https://static.igem.org/mediawiki/2014/d/d9/02.png"> | ||
</div> | </div> | ||
| Line 223: | Line 217: | ||
<img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> | <img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/a/a0/Te-notebook.png" class="team team_1"> | ||
<div class="ho ho22"> | <div class="ho ho22"> | ||
<img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> | <img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/b/b1/Te-attributions.png" class="team team_2"> | ||
<div class="ho ho23"> | <div class="ho ho23"> | ||
<img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> | <img src="https://static.igem.org/mediawiki/2014/f/f3/Home1.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/e/e9/Te-member.png" class="team team_3"> | ||
<div class="ho ho31"> | <div class="ho ho31"> | ||
<img src="https://static.igem.org/mediawiki/2014/e/e6/Home2.png"> | <img src="https://static.igem.org/mediawiki/2014/e/e6/Home2.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/1/16/Project-overview.png" class="project project_1"> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/2/26/Te-acknowledgement.png" class="team team_4"> | ||
<div class="ho ho32"> | <div class="ho ho32"> | ||
<img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png"> | <img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/0/09/Te-our_university.png" class="team team_5"> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/b/b3/Project-System_Construction.png" class="project project_2"> | ||
<div class="ho ho33"> | <div class="ho ho33"> | ||
<img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png"> | <img src="https://static.igem.org/mediawiki/2014/4/41/Home3.png"> | ||
</div> | </div> | ||
| - | <div class="ho | + | <img src="https://static.igem.org/mediawiki/2014/a/a3/Overview_.png" class="model model_1"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/f4/Project-Analysis_and_Discussion.png" class="project project_3"> | ||
| + | <div class="ho ho_model"> | ||
<img src="https://static.igem.org/mediawiki/2014/9/9a/03.png"> | <img src="https://static.igem.org/mediawiki/2014/9/9a/03.png"> | ||
</div> | </div> | ||
| - | <div class="ho | + | <div class="ho ho_project"> |
<img src="https://static.igem.org/mediawiki/2014/9/96/04.png"> | <img src="https://static.igem.org/mediawiki/2014/9/96/04.png"> | ||
</div> | </div> | ||
| Line 247: | Line 250: | ||
<img src="https://static.igem.org/mediawiki/2014/e/e8/Home9.png"> | <img src="https://static.igem.org/mediawiki/2014/e/e8/Home9.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/a/a6/Model-N-butanol_simulation.png" class="model model_2"> | ||
<div class="ho ho51"> | <div class="ho ho51"> | ||
<img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png"> | <img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/d/d9/Project-other_work.png" class="project project_4"> | ||
<div class="ho ho52"> | <div class="ho ho52"> | ||
<img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png"> | <img src="https://static.igem.org/mediawiki/2014/1/11/Home4.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/8/86/Model-CO2.png" class="model model_3"> | ||
<div class="ho ho61"> | <div class="ho ho61"> | ||
<img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> | <img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> | ||
| Line 259: | Line 265: | ||
<img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> | <img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/2/2a/Model-Tips_for_other_teams.png" class="model model_4"> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/f/f6/Dp-Achievements.png" class="dp dp_1"> | ||
<div class="ho ho63"> | <div class="ho ho63"> | ||
<img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> | <img src="https://static.igem.org/mediawiki/2014/6/6a/Home5.png"> | ||
</div> | </div> | ||
| - | <div class="ho | + | <img src="https://static.igem.org/mediawiki/2014/b/b1/Dp-Biobricks.png" class="dp dp_2"> |
| + | <div class="ho ho_dp"> | ||
<img src="https://static.igem.org/mediawiki/2014/7/79/05.png"> | <img src="https://static.igem.org/mediawiki/2014/7/79/05.png"> | ||
</div> | </div> | ||
| Line 268: | Line 277: | ||
<img src="https://static.igem.org/mediawiki/2014/a/a9/Home6.png"> | <img src="https://static.igem.org/mediawiki/2014/a/a9/Home6.png"> | ||
</div> | </div> | ||
| - | <div class="ho | + | <div class="ho ho_safety"> |
<img src="https://static.igem.org/mediawiki/2014/5/5f/06.png"> | <img src="https://static.igem.org/mediawiki/2014/5/5f/06.png"> | ||
</div> | </div> | ||
| Line 280: | Line 289: | ||
<img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> | <img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/4/45/HP-magazine.png" class="hp hp_1" > | ||
<div class="ho ho92"> | <div class="ho ho92"> | ||
<img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> | <img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> | ||
</div> | </div> | ||
| + | <img src="https://static.igem.org/mediawiki/2014/8/88/HP-timeline.png" class="hp hp_2" > | ||
<div class="ho ho93"> | <div class="ho ho93"> | ||
<img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> | <img src="https://static.igem.org/mediawiki/2014/b/b0/Home8.png"> | ||
</div> | </div> | ||
| - | <div class="ho | + | <img src="https://static.igem.org/mediawiki/2014/e/e3/HP-visit_and_interview.png" class="hp hp_3" > |
| + | <div class="ho ho_hp"> | ||
<img src="https://static.igem.org/mediawiki/2014/a/af/07.png"> | <img src="https://static.igem.org/mediawiki/2014/a/af/07.png"> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | $(".ho_team").mouseenter(function(){ | ||
| + | $(this).siblings("img").fadeOut(); | ||
| + | $(".team").fadeIn(); | ||
| + | }); | ||
| + | $(".ho_model").mouseenter(function(){ | ||
| + | $(this).siblings("img").fadeOut(); | ||
| + | $(".model").fadeIn(); | ||
| + | }); | ||
| + | $(".ho_project").mouseenter(function(){ | ||
| + | $(this).siblings("img").fadeOut(); | ||
| + | $(".project").fadeIn(); | ||
| + | }); | ||
| + | $(".ho_dp").mouseenter(function(){ | ||
| + | $(this).siblings("img").fadeOut(); | ||
| + | $(".dp").fadeIn(); | ||
| + | }); | ||
| + | $(".ho_hp").mouseenter(function(){ | ||
| + | $(this).siblings("img").fadeOut(); | ||
| + | $(".hp").fadeIn(); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
Revision as of 05:42, 14 October 2014
