CSS Drupal 6中的Suckerfish菜单的儿子

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS Drupal 6中的Suckerfish菜单的儿子相关的知识,希望对你有一定的参考价值。

/*********************************************
/* 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
/*********************************************/

<script type="text/javascript" src="hover.js"></script>

/*********************************************
/* 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%;
}

以上是关于CSS Drupal 6中的Suckerfish菜单的儿子的主要内容,如果未能解决你的问题,请参考以下文章

CSS Joomla 1.5的suckerfish下拉菜单joomla 1.5教程

这是啥 CSS 规则?

前端面试题6道开胃菜CSS+JS+VUE

JavaScript SuckerFish Fade

JavaScript suckerfish的儿子下载IE修复

Drupal 6中的傻瓜鱼之子菜单