From 2011.igem.org
(Difference between revisions)
|
|
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <SCRIPT TYPE="text/javascript" src="http://www.eecs.berkeley.edu/~jvmiller/jquery/jquery.min.js"></SCRIPT>
| |
| | | | |
| - | <SCRIPT TYPE="text/javascript">
| |
| - |
| |
| - |
| |
| - |
| |
| - | $(document).ready(function(){
| |
| - |
| |
| - | $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
| |
| - |
| |
| - | $("ul.topnav li span").click(function() { //When trigger is clicked...
| |
| - |
| |
| - | //Following events are applied to the subnav itself (moving subnav up and down)
| |
| - | $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
| |
| - |
| |
| - | $(this).parent().hover(function() {
| |
| - | }, function(){
| |
| - | $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
| |
| - | });
| |
| - |
| |
| - | //Following events are applied to the trigger (Hover events for the trigger)
| |
| - | }).hover(function() {
| |
| - | $(this).addClass("subhover"); //On hover over, add class "subhover"
| |
| - | }, function(){ //On Hover Out
| |
| - | $(this).removeClass("subhover"); //On hover out, remove class "subhover"
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </SCRIPT>
| |
| - | </html>
| |
Revision as of 04:48, 27 August 2011
"
