"
Team:UPenn
From 2013.igem.org
(Difference between revisions)
m |
m |
||
| Line 17: | Line 17: | ||
$("#tabs li").mouseleave(function(){ | $("#tabs li").mouseleave(function(){ | ||
$(this).css("width","250px"); }); | $(this).css("width","250px"); }); | ||
| + | |||
| + | $("#one").click(function() { | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $(".one").offset().top, | ||
| + | opacity: 1 | ||
| + | }, '2400'); | ||
| + | }); | ||
| + | |||
| + | $("#two").click(function() { | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $(".two").offset().top, | ||
| + | opacity: 1 | ||
| + | }, '2400'); | ||
| + | }); | ||
| + | |||
| + | $("#three").click(function() { | ||
| + | $('html, body').animate({ | ||
| + | scrollTop: $(".three").offset().top, | ||
| + | opacity: 1 | ||
| + | }, '2400'); | ||
| + | }); | ||
}); | }); | ||
| + | |||
| + | |||
</script> | </script> | ||
| Line 56: | Line 79: | ||
position: absolute; | position: absolute; | ||
} | } | ||
| + | |||
.firstHeading { | .firstHeading { | ||
| Line 120: | Line 144: | ||
width: 100%; | width: 100%; | ||
background-color: #7BB8F2; | background-color: #7BB8F2; | ||
| + | } | ||
| + | |||
| + | .three { | ||
| + | height:1000px; | ||
| + | width: 100%; | ||
| + | background-color: rgb(200,200,200); | ||
} | } | ||
| Line 182: | Line 212: | ||
<ul id="navigation"> | <ul id="navigation"> | ||
| - | <li | + | <li id="one"></li> |
| - | <li | + | <li id="two"></li> |
| - | <li><a href="#three"></a></li> | + | <li id="three"><a href="#three"></a></li> |
</ul> | </ul> | ||
| Line 205: | Line 235: | ||
</div> | </div> | ||
| - | <div class="space"></div> | + | <div class="space"> </div> |
<div class="two"></div> | <div class="two"></div> | ||
| + | |||
| + | <div class="space"></div> | ||
| + | |||
| + | <div class="three"> </div> | ||
| - | |||
</div> | </div> | ||
Revision as of 15:10, 20 June 2013
Link
Link
Put some info here
