Posted By

wrburgess on 02/06/09

Tagged

Versions (?)

Last Edited at 02/06/09 10:35pm

Statistics

Viewed 627 times

Favorited by 0 user(s)

Related snippets

Sons of Suckerfish Menu in Drupal 6

/ Published in: CSS

Highlighted TextExpand

/*********************************************
/* add this to a javascript file in the theme 
/*********************************************/

sfHover = function() {
  var sfEls = document.getElementById("nav").getElementsByTagName("li");
  
  for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
      this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
      this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    }
  }
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

/*********************************************
/* import into any page template files
/*********************************************/

/*********************************************
/* replace "footer" with id of menu wrapper 
/*********************************************/

#footer ul {
  margin: 0;  
  padding: 0;
  list-style: none;  
}

#footer a {
  display: block;
  width: 10em;
}

#footer li {
  float: left;
  width:  10em;
}

#footer li ul {
  position: absolute;
  width: 10em;
  left: -999em;
}

#footer li:hover ul {
  left: auto;
}

#footer li:hover ul, #footer li.sfhover ul {
  left:auto;
}

*:first-child+html #footer {
height: 1%;
}
*:first-child+html #footer li {
height: 1%;
}

URL: http://htmldog.com/articles/suckerfish/dropdowns/

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.