Team:UESTC-Software
From 2014.igem.org
(Difference between revisions)
Tangying0608 (Talk | contribs) |
Tangying0608 (Talk | contribs) |
||
(13 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>UESTC-Software</title> | ||
+ | <meta http-equiv=Content-Type content="text/html;charset=utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" > | ||
+ | <meta name="renderer" content="webkit"> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UESTC-Software/style.css?action=raw&ctype=text/css"> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:UESTC-Software/jquery-1.8.3.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:UESTC-Software/jquery.rotate.js?action=raw&ctype=text/javascript"></script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/0a/2014-UESTC-Software.png" id="UESTC" style="top:15px;"> | ||
+ | <div id="logoBox" style="top:120px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/5/52/2014_UESTC_Software_Home.png" id="home" class="imenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/18/2014_UESTC_Software_Project.png" id="project" class="imenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/a/ad/2014_UESTC_Software_Team.png" id="team" class="imenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/d/d0/2014_UESTC_Software_Document.png" id="document" class="imenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/79/2014_UESTC_Software_Requirment.png" id="requirment" class="imenu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/6/66/2014_UESTC_Software_Notebook.png" id="notebook" class="imenu"> | ||
+ | <div id="logoRay" style="width:140px;height:140px;border-radius:1000px;"></div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/e5/2014_UESTC_Software_logo.gif" id="logo" style="border-radius: 90px;"> | ||
+ | </div> | ||
+ | <a class="iGEM" href="https://2014.igem.org/Main_Page" style="position: fixed;top: 0;right: 0;"><img src="https://static.igem.org/mediawiki/2014/8/8d/2014-UESTC-Software-Igem.png"></a> | ||
+ | <script type="text/javascript"> | ||
+ | $("html").css({ | ||
+ | "width":window.innerWidth+"px", | ||
+ | "height":window.innerHeight+"px", | ||
+ | "overflow":"hidden", | ||
+ | }); | ||
+ | $("body").css({ | ||
+ | "width":window.innerWidth+"px", | ||
+ | "height":window.innerHeight+"px", | ||
+ | "overflow":"hidden", | ||
+ | }); | ||
+ | function ray(){ | ||
+ | var diagonal= window.innerWidth*1.5; | ||
+ | $("#logoRay").animate({ | ||
+ | width:"+="+diagonal+"px", | ||
+ | height:"+="+diagonal+"px", | ||
+ | left:"-="+diagonal/2+"px", | ||
+ | top:"-="+diagonal/2+"px" | ||
+ | },500); | ||
+ | } | ||
+ | function logoDown(which){ | ||
+ | $("#logo").css({ | ||
+ | "position":"fixed", | ||
+ | "left":(window.innerWidth-155)/2+"px", | ||
+ | "top":(window.innerHeight-53-155)/2+"px", | ||
+ | }); | ||
+ | |||
+ | $("#logo").animate({ | ||
+ | width:"100px", | ||
+ | height:"100px", | ||
+ | left:"+=28px", | ||
+ | top:window.innerHeight-80+"px", | ||
+ | },400,function(){ | ||
+ | window.open("https://2014.igem.org/Team:UESTC-Software/"+which+".html","_self"); | ||
+ | }); | ||
+ | } | ||
+ | var boxWidth=500; | ||
+ | var boxHeight=500; | ||
+ | function resizeWindow(){ | ||
+ | $("#logoBox").css({ | ||
+ | "left":((window.innerWidth-boxWidth)/2)+"px", | ||
+ | "width":boxWidth+"px", | ||
+ | "height":boxHeight+"px", | ||
+ | }); | ||
+ | $("#UESTC").css({ | ||
+ | "position":"fixed", | ||
+ | "left":(window.innerWidth-362)/2+"px", | ||
+ | }); | ||
+ | } | ||
+ | $(document).ready(function(){ | ||
+ | resizeWindow(); | ||
+ | $("#logo").css({ | ||
+ | "left":(boxWidth-156)/2+"px", | ||
+ | "top":(boxHeight-155)/2+"px", | ||
+ | }); | ||
+ | $("#logoRay").css({ | ||
+ | "left":(boxWidth-156)/2+"px", | ||
+ | "top":(boxHeight-155)/2+"px", | ||
+ | }); | ||
+ | $("#home").rotate(30); | ||
+ | $("#team").rotate(-35); | ||
+ | $("#document").rotate(-65); | ||
+ | $("#requirment").rotate(-22); | ||
+ | $("#notebook").rotate(37); | ||
+ | }); | ||
- | + | $(window).ready(function(){ | |
- | + | $("#logo").click(function(){ | |
- | + | $("#team").fadeToggle(80,function(){$("#project").fadeToggle(80,function(){$("#home").fadeToggle(80,function(){$("#document").fadeToggle(80,function(){$("#requirment").fadeToggle(80,function(){$("#notebook").fadeToggle(80);});});});});}); | |
- | + | }); | |
- | + | $("#team").click(function(){ | |
- | + | ray(); | |
- | + | $("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#team").fadeOut(300,logoDown("team"));});});});});}); | |
- | + | }); | |
- | + | $("#project").click(function(){ | |
- | + | ray(); | |
- | + | $("#team").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#project").fadeOut(300,logoDown("Overview"));});});});});}); | |
- | + | }); | |
- | + | $("#home").click(function(){ | |
- | + | ray(); | |
- | + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#home").fadeOut(300,logoDown("Home"));});});});});}); | |
- | + | }); | |
- | + | $("#document").click(function(){ | |
- | + | ray(); | |
- | + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#document").fadeOut(300,logoDown("UserGuide"));});});});});}); | |
- | + | }); | |
- | + | $("#requirment").click(function(){ | |
- | + | ray(); | |
- | + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#notebook").fadeOut(80,function(){$("#requirment").fadeOut(300,logoDown("Medal"));});});});});}); | |
- | + | }); | |
- | + | $("#notebook").click(function(){ | |
- | + | ray(); | |
- | + | $("#team").fadeOut(80,function(){$("#project").fadeOut(80,function(){$("#home").fadeOut(80,function(){$("#document").fadeOut(80,function(){$("#requirment").fadeOut(80,function(){$("#notebook").fadeOut(300,logoDown("journal"));});});});});}); | |
- | + | }); | |
- | + | $("#logo").click(); | |
- | + | window.onresize = resizeWindow; | |
- | + | }); | |
- | + | </script> | |
- | + | </body> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | </ | + | |
- | </ | + |
Latest revision as of 16:14, 15 October 2014