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中的傻瓜鱼之子菜单