"
Team:NYMU-Taipei/TopBar
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| (13 intermediate revisions not shown) | |||
| Line 12: | Line 12: | ||
cursor:pointer; | cursor:pointer; | ||
font:15px Verdana; | font:15px Verdana; | ||
| + | font-weight:bold; | ||
text-decoration:none; | text-decoration:none; | ||
line-height:50px; | line-height:50px; | ||
} | } | ||
| - | + | span.navbt{ | |
width:150px; | width:150px; | ||
height:50px; | height:50px; | ||
| Line 48: | Line 49: | ||
$('.navbt1') | $('.navbt1') | ||
.on('mouseover', function(){ | .on('mouseover', function(){ | ||
| - | $('#obj2').css({ | + | $('#obj2').css({opacity:1,top:10,left:300,}); |
$('#obj2').stop(true).animate({ | $('#obj2').stop(true).animate({ | ||
top:5, | top:5, | ||
| Line 56: | Line 57: | ||
.on('mouseout', function(){ | .on('mouseout', function(){ | ||
$('#obj2').stop(true).animate({ | $('#obj2').stop(true).animate({ | ||
| - | + | opacity:0, | |
| + | }, 200, 'easeOutSine'); | ||
| + | }); | ||
| + | $('.navbt2') | ||
| + | .on('mouseover', function(){ | ||
| + | $('#obj3').stop(true).animate({ | ||
| + | width:80, | ||
| + | }, 300, 'easeOutSine'); | ||
| + | }) | ||
| + | .on('mouseout', function(){ | ||
| + | $('#obj3').stop(true).animate({ | ||
| + | width:60, | ||
}, 300, 'easeOutSine'); | }, 300, 'easeOutSine'); | ||
}); | }); | ||
| Line 72: | Line 84: | ||
}, 300, 'easeOutSine'); | }, 300, 'easeOutSine'); | ||
}); | }); | ||
| + | $(window).scroll(function (event){ | ||
| + | var y = $(this).scrollTop(); | ||
| + | $('#flow_div').css({ | ||
| + | top:250+y, | ||
| + | }); | ||
| + | }); | ||
}); | }); | ||
</script> | </script> | ||
| Line 77: | Line 95: | ||
<nav class="navigation"> | <nav class="navigation"> | ||
<li> | <li> | ||
| - | + | <a href="https://2014.igem.org/Team:NYMU-Taipei/synthetic"> | |
| - | + | <span class="navbt navbt1" style="margin-top:1px;display:block;" >synthetic biology</span> | |
| - | + | </a> | |
</li> | </li> | ||
<li> | <li> | ||
| - | + | <a href="https://2014.igem.org/Team:NYMU-Taipei/nymu"> | |
| - | + | <span class="navbt navbt2" style="margin-top:-10px;display:block;">NYMU-Taipei</span> | |
| + | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
| - | + | <a href="https://2014.igem.org/Team:NYMU-Taipei/news"> | |
| - | + | <span class="navbt navbt3" style="margin-top:20px;display:block;">News</span> | |
| + | </a> | ||
</li> | </li> | ||
</nav> | </nav> | ||
</html> | </html> | ||
Latest revision as of 12:04, 5 May 2014
