Difference between revisions of "Team:Tianjin"
(46 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | < | + | <link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home?action=raw&ctype=text/css" type="text/css"> |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home_inside?action=raw&ctype=text/css" type="text/css"> | ||
− | < | + | <link rel="stylesheet" href="https://2015.igem.org/Team:Tianjin/CSS_Home_inside2?action=raw&ctype=text/css" type="text/css"> |
− | + | ||
+ | <title>home</title> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jquery-1.9.1min? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jqueryfullfoucs? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/lrtk?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/jfade?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2015.igem.org/Template:Tianjin/js/script? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | $("#img1").mouseover(function(){ | ||
+ | $("#bag1").fadeIn(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeOut(); | ||
+ | |||
+ | }); | ||
+ | $("#img2").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeIn(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeOut(); | ||
+ | }); | ||
+ | $("#img3").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeIn(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeOut(); | ||
+ | }); | ||
+ | $("#img4").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeIn(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeOut(); | ||
+ | }); | ||
+ | $("#img5").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeIn(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeOut(); | ||
+ | }); | ||
+ | $("#img6").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeIn(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeOut(); | ||
+ | }); | ||
+ | $("#img7").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeIn(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeOut(); | ||
+ | }); | ||
+ | $("#img8").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeIn(); | ||
+ | |||
+ | $("#bag9").fadeOut(); | ||
+ | }); | ||
+ | $("#img9").mouseover(function(){ | ||
+ | $("#bag1").fadeOut(); | ||
+ | $("#bag2").fadeOut(); | ||
+ | $("#bag3").fadeOut(); | ||
+ | $("#bag4").fadeOut(); | ||
+ | $("#bag5").fadeOut(); | ||
+ | $("#bag6").fadeOut(); | ||
+ | $("#bag7").fadeOut(); | ||
+ | $("#bag8").fadeOut(); | ||
+ | $("#bag9").fadeIn(); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | function WINget(){ | ||
+ | var d1=document.getElementById("bg1"), | ||
+ | d2=document.getElementById("bg2"), | ||
+ | d3=document.getElementById("bg3"), | ||
+ | d4=document.getElementById("bg4"); | ||
+ | d5=document.getElementById("bg5"); | ||
+ | d6=document.getElementById("bg6"); | ||
+ | d7=document.getElementById("bg7"); | ||
+ | d8=document.getElementById("bg8"); | ||
+ | d9=document.getElementById("bg9"); | ||
+ | d1.style.width=document.body.clientWidth+"px"; | ||
+ | d1.style.height=document.body.clientHeight+"px"; | ||
+ | d2.style.width=document.body.clientWidth+"px"; | ||
+ | d2.style.height=document.body.clientHeight+"px"; | ||
+ | d3.style.width=document.body.clientWidth+"px"; | ||
+ | d3.style.height=document.body.clientHeight+"px"; | ||
+ | d4.style.width=document.body.clientWidth+"px"; | ||
+ | d4.style.height=document.body.clientHeight+"px"; | ||
+ | d5.style.width=document.body.clientWidth+"px"; | ||
+ | d5.style.height=document.body.clientHeight+"px"; | ||
+ | d6.style.width=document.body.clientWidth+"px"; | ||
+ | d6.style.height=document.body.clientHeight+"px"; | ||
+ | d7.style.width=document.body.clientWidth+"px"; | ||
+ | d7.style.height=document.body.clientHeight+"px"; | ||
+ | d8.style.width=document.body.clientWidth+"px"; | ||
+ | d8.style.height=document.body.clientHeight+"px"; | ||
+ | d9.style.width=document.body.clientWidth+"px"; | ||
+ | d9.style.height=document.body.clientHeight+"px"; | ||
+ | |||
+ | } | ||
+ | window.onresize=WINget; | ||
+ | window.onload=function(){ | ||
+ | WINget(); | ||
+ | } | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $().ready(function() { | ||
+ | $('.jfade_image').jfade(); | ||
+ | $('.listimg').jfade({ | ||
+ | start_opacity: "0.65", | ||
+ | high_opacity: "1", | ||
+ | low_opacity: ".2", | ||
+ | timing: "500" | ||
+ | }); | ||
+ | $('.button').jfade({ | ||
+ | start_opacity: "1", | ||
+ | high_opacity: "1", | ||
+ | low_opacity: ".4", | ||
+ | timing: "500" | ||
+ | }); | ||
+ | $('.text').jfade({ | ||
+ | start_opacity: "1", | ||
+ | high_opacity: "1", | ||
+ | low_opacity: ".7", | ||
+ | timing: "500" | ||
+ | }); | ||
+ | $('.links').jfade({ | ||
+ | start_opacity: ".9", | ||
+ | high_opacity: "1", | ||
+ | low_opacity: ".2", | ||
+ | timing: "500" | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
− | |||
<body> | <body> | ||
<div id="flash_control"> | <div id="flash_control"> | ||
<div class="flash-control-wrp"> | <div class="flash-control-wrp"> | ||
− | <a class="icon-down"><i></i></a> | + | <a class="icon-down"><i> </i></a> |
− | <a class="icon-play"><i></i></a> | + | <a class="icon-play"><i> </i></a> |
− | <a class="icon-pause"><i></i></a> | + | <a class="icon-pause"><i> </i></a> |
− | <a class="icon-up"><i></i></a> | + | <a class="icon-up"><i> </i></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 73: | Line 213: | ||
<li> | <li> | ||
<a> | <a> | ||
− | <img class="a-down" class="lazy" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/ | + | <img class="a-down" class="lazy" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/d/da/Tianjin_home4.JPG" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
<a> | <a> | ||
− | <img class="a-down" class="lazy default" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/ | + | <img class="a-down" class="lazy default" span style=" cursor:pointer" src="https://static.igem.org/mediawiki/2015/4/42/Tianjin_home3.JPG" alt="" /> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
− | + | ||
− | + | ||
+ | <div class="background" id="bag1"><img src="https://static.igem.org/mediawiki/2015/8/80/Tianjin_home_inside1.jpg" id="bg1"></div> | ||
+ | <div class="background" style="display:none" id="bag2"><img src="https://static.igem.org/mediawiki/2015/5/53/Tianjin_home_inside2.jpg" id="bg2"></div> | ||
+ | <div class="background" style="display:none" id="bag3"><img src="https://static.igem.org/mediawiki/2015/c/c3/Tianjin_home_inside3.jpg" id="bg3"></div> | ||
+ | <div class="background" style="display:none" id="bag4"><img src="https://static.igem.org/mediawiki/2015/0/0c/Tianjin_home_inside4.jpg" id="bg4"></div> | ||
+ | <div class="background" style="display:none" id="bag5"><img src="https://static.igem.org/mediawiki/2015/3/36/Tianjin_home_inside5.jpg" id="bg5"></div> | ||
+ | <div class="background" style="display:none" id="bag6"><img src="https://static.igem.org/mediawiki/2015/b/bd/Tianjin_home_inside6.jpg" id="bg6"></div> | ||
+ | <div class="background" style="display:none" id="bag7"><img src="https://static.igem.org/mediawiki/2015/2/2f/Tianjin_home_inside7.jpg" id="bg7"></div> | ||
+ | <div class="background" style="display:none" id="bag8"><img src="https://static.igem.org/mediawiki/2015/1/15/Tianjin_home_inside8.jpg" id="bg8"></div> | ||
+ | <div class="background" style="display:none" id="bag9"><img src="https://static.igem.org/mediawiki/2015/0/0e/Tianjin_home_inside9.jpg" id="bg9"></div> | ||
+ | <div class="common"> | ||
+ | <ul> | ||
+ | <div class="listbox mr20"> | ||
+ | <div class="listimg" id="new"> <a><div theid="69"> <a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/c/cc/Tianjin_home_inside01.jpg" width="260" height="165" id="img1"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="listbox mr20"> | ||
+ | <div class="listimg"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Project"><img id="img2" src="https://static.igem.org/mediawiki/2015/c/cd/Tianjin_home_inside02.jpg"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="listbox mr20" > | ||
+ | <div class="listimg" id="new"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Parts"><img id="img3" src="https://static.igem.org/mediawiki/2015/d/d6/Tianjin_home_inside03.jpg"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="listbox mr20"> | ||
+ | <div class="listimg"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Modeling"><img id="img4" src="https://static.igem.org/mediawiki/2015/8/84/Tianjin_home_inside04.jpg"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="listbox mr20" > | ||
+ | <div class="listimg" id="new"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Collaborations"><img id="img5" src="https://static.igem.org/mediawiki/2015/e/ed/Tianjin_home_inside05.jpg"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="listbox mr20"> | ||
+ | <div class="listimg" style="width:100px; height:120px; margin-top:0px;"> <a><div theid="69"> <a href="https://2015.igem.org/Team:Tianjin/Safety"><img id="img6" src="https://static.igem.org/mediawiki/2015/9/9c/Tianjin_home_inside06.jpg" style="width:100px; height: 120px;"></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="listbox mr20" > | ||
+ | <div class="listimg" id="new"> <a><div theid="69"> <a href="https://2015.igem.org/Team:Tianjin/Practices"><img id="img7" src="https://static.igem.org/mediawiki/2015/6/6d/Tianjin_home_inside07.jpg"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="listbox mr20"> | ||
+ | <div class="listimg"> <a><div theid="69"> <a href="https://2015.igem.org/Team:Tianjin/Notebook"><img id="img8" src="https://static.igem.org/mediawiki/2015/7/71/Tianjin_home_inside08.jpg"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="listbox mr20" id="new"> | ||
+ | <div class="listimg" id="new"> <a><div theid="69"><a href="https://2015.igem.org/Team:Tianjin/Team"><img id="img9" src="https://static.igem.org/mediawiki/2015/d/d0/Tianjin_home_inside09.jpg"/></div></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
</li> | </li> | ||
</ol> | </ol> |
Latest revision as of 04:30, 18 September 2015