|
|
Line 1: |
Line 1: |
| {{CSS/Main}} | | {{CSS/Main}} |
- | <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">
| |
- | <div id="logoBox">
| |
- | <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://igem.org/Main_Page"><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){
| |
- | var h1h = $("h1").outerHeight();
| |
- | $("#logo").css({
| |
- | "position":"fixed",
| |
- | "left":(window.innerWidth-155)/2+"px",
| |
- | "top":(window.innerHeight-h1h-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",
| |
- | });
| |
- | }
| |
- | $(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>{{CSS/Main}}
| |
| <html> | | <html> |
| <head> | | <head> |