|
|
Line 37: |
Line 37: |
| <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" /> | | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" /> |
| <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style?action=raw&ctype=text/css" type="text/css" /> | | <link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style?action=raw&ctype=text/css" type="text/css" /> |
- | | + | <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> |
| | | |
| <!--[if lte IE 8]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/iestyle.css"><![endif]--> | | <!--[if lte IE 8]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/iestyle.css"><![endif]--> |
| <!--[if IE 9]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/ie9.css"><![endif]--> | | <!--[if IE 9]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/ie9.css"><![endif]--> |
- | | + | <script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/easying?action=raw&ctype=text/javascript"> |
| <script type="text/javascript" src="//use.typekit.net/jlr8wlp.js"></script> | | <script type="text/javascript" src="//use.typekit.net/jlr8wlp.js"></script> |
| <script type="text/javascript">try{Typekit.load();}catch(e){}</script> | | <script type="text/javascript">try{Typekit.load();}catch(e){}</script> |
- | | + | <script type="text/javascript"> |
| + | function FloatMenu(){ |
| + | var animationSpeed=1500; |
| + | var animationEasing='easeOutQuint'; |
| + | var scrollAmount=$(document).scrollTop(); |
| + | var newPosition=menuPosition+scrollAmount; |
| + | if($(window).height()<$('#fl_menu').height()+$('#fl_menu .menu').height()){ |
| + | $('#fl_menu').css('top',menuPosition); |
| + | } else { |
| + | $('#fl_menu').stop().animate({top: newPosition}, animationSpeed, animationEasing); |
| + | } |
| + | } |
| + | $(window).load(function(){ |
| + | menuPosition=$('#fl_menu').position().top; |
| + | FloatMenu(); |
| + | }); |
| + | $(window).scroll(function(){ |
| + | FloatMenu(); |
| + | }); |
| + | $(document).ready(function(){ |
| + | var fadeSpeed=500; |
| + | $("#fl_menu").hover(function(){ |
| + | $('#fl_menu .label').fadeTo(fadeSpeed, 1); |
| + | $("#fl_menu .menu").fadeIn(fadeSpeed); |
| + | },function(){ |
| + | $('#fl_menu .label').fadeTo(fadeSpeed, 0.75); |
| + | $("#fl_menu .menu").fadeOut(fadeSpeed); |
| + | }); |
| + | }); |
| + | </script> |
| <style> | | <style> |
| | | |
| .container{ | | .container{ |
| width:65%; | | width:65%; |
- | left: 5% | + | left: 5%; |
| } | | } |
| + | /* fl_menu */ |
| + | #fl_menu{position:absolute;top:100px;left:-2px;z-index:9999; |
| + | width:150px; |
| + | height:50px; |
| + | } |
| + | #fl_menu .label{line-height:50px;font-size:18px;font-weight:bold;background:#000;color:#fff;letter-spacing:5px;text-align: center;box-shadow: 2px 1px 6px #272727;border-radius: 2px;opacity: 0.75;} |
| + | #fl_menu .label a{color:#83f;text-decoration: none;} |
| + | #fl_menu .label a:hover{color:#38f;} |
| + | |
| </style> | | </style> |
| <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> | | <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
Line 60: |
Line 98: |
| </head> | | </head> |
| <body class="blog developer-wanted"> | | <body class="blog developer-wanted"> |
| + | <div id="fl_menu"> |
| + | <div class="label"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#overview">overview</a></div> |
| + | <div class="label"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#plug-in">plug-in</a></div> |
| + | <div class="label"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project#tutorial">tutorial</a></div> |
| + | |
| + | </div> |
| <div id="wrap" style="background:url(https://static.igem.org/mediawiki/igem.org/f/fb/Backgd.jpg);"> | | <div id="wrap" style="background:url(https://static.igem.org/mediawiki/igem.org/f/fb/Backgd.jpg);"> |
| <header class="light"> | | <header class="light"> |
Line 73: |
Line 117: |
| </div> | | </div> |
| <br/> | | <br/> |
| + | <a class="overview"></a> |
| <section id="blog" class="container"> | | <section id="blog" class="container"> |
| | | |
Line 84: |
Line 129: |
| <p>Genovo will enable user to design their innovative chromosome as their wishes and further the research on genome on pathway level.</p> | | <p>Genovo will enable user to design their innovative chromosome as their wishes and further the research on genome on pathway level.</p> |
| <hr/> | | <hr/> |
| + | <a class="plug-in"></a> |
| <a name="plug1"></a> | | <a name="plug1"></a> |
| <p>plug-in 1</p> | | <p>plug-in 1</p> |
Line 101: |
Line 147: |
| </div> | | </div> |
| | | |
- | </article> | + | </article> |
- | | + | |
| | | |
| </section> | | </section> |
| + | <a class="tutorial"></a> |
| <div class="push"></div> | | <div class="push"></div> |
| </div><!-- wrapper --> | | </div><!-- wrapper --> |
Line 126: |
Line 172: |
| </footer> | | </footer> |
| | | |
- | <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
| + | |
| <script src="http://www.humaan.com.au/wp-content/themes/humaan/js/scripts.min.js" type="text/javascript"></script> | | <script src="http://www.humaan.com.au/wp-content/themes/humaan/js/scripts.min.js" type="text/javascript"></script> |
| | | |