Team:Evry/template v1
From 2013.igem.org
(Difference between revisions)
(120 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
+ | <!-- Remonter la page --> | ||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 23: | Line 18: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
<div id="btn_up" style="position: fixed; bottom: 15px; right: 25px; cursor: pointer; display:none;"> | <div id="btn_up" style="position: fixed; bottom: 15px; right: 25px; cursor: pointer; display:none;"> | ||
- | + | <img alt="Top_arrow" title="Top" src="https://static.igem.org/mediawiki/2013/7/78/IronMan.png" width="40" /> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <img alt="Top_arrow" title="Top | + | |
</div> | </div> | ||
+ | |||
+ | <!-- menu latéral --> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $(document).scroll(function() { | ||
+ | |||
+ | if($(document).scrollTop()>=180) | ||
+ | { | ||
+ | $('aside').css('position','fixed').css('top','40px').css('box-shadow','0px 3px 6px #1c1a19'); | ||
+ | |||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $('aside').css('position','static').css('float','left').css('margin-left','-0.3%').css('box-shadow','none'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!-- Menu horizontal --> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $(document).scroll(function() { | ||
+ | |||
+ | if($(document).scrollTop()>=180) | ||
+ | { | ||
+ | $('#menu').css('position','fixed').css('top','0px').css('width','100%'); | ||
+ | $('#menu a span').css('display','none'); | ||
+ | $('#menu ul').css('top','1.5em').css('top','1.5vw'); | ||
+ | $('#menu #igem-link').css('width','1.5%'); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $('#menu').css('position','static'); | ||
+ | $('#menu a span').css('display','block'); | ||
+ | $('#menu ul').css('top','5.5em').css('top','5.5vw'); | ||
+ | $('#menu #igem-link').css('width','4%'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!-- Onglet Notebook --> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $(document).scroll(function() { | ||
+ | |||
+ | if($(document).scrollTop()>=160) | ||
+ | { | ||
+ | $('.onglet').css('position','fixed').css('margin-left','8px').css('top','5%'); | ||
+ | $('.onglet-left').css('position','fixed').css('top','5%'); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $('.onglet').css('position','absolute').css('margin-left','0px').css('top','auto'); | ||
+ | $('.onglet-left').css('position','absolute').css('top','auto'); | ||
+ | } | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
</html> | </html> |
Latest revision as of 18:04, 19 October 2013