为什么二级菜单会被挡住_多级下来菜单被select挡住的有关问题

当前位置:我的异常网» HTML/CSS » 多级下来菜单被select挡住的有关问题

多级下来菜单被select挡住的有关问题

www.myexceptions.net 网友分享于：2013-02-23 浏览：91次

多级下来菜单被select挡住的问题

网上找的一个CSS的多级菜单代码：

http://www.52hai.com/2005/showlog.asp?cat_id=5&log_id=2286

简化了一下，如下：

html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">

// This function is used for the Suckerfish (flyout) menus

sfHover = function() {

var sfEls = document.getElementById( "nav ").getElementsByTagName( "LI ");

for (var i=0; i

sfEls[i].οnmοuseοver=function() {

this.className+= " sfhover ";

}

sfEls[i].οnmοuseοut=function() {

this.className=this.className.replace(new RegExp( " sfhover\\b "), " ");

}

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

body {

margin: 30;

padding: 0;

font-family: "Lucida Grande ", Arial, Verdana, sans-serif;

font-size: .7em;

color: #444;

}

ul#nav {

margin: 0 ;

padding: 0;

list-style: none;

background:#006699;

border:1px #eee solid;

}

#nav li {

display: block;

float: left;

}

#nav li a {

display: block;

color: #fff;

text-decoration: none;

padding: 3px 27px 3px 14px;

border-left: 1px solid #FFF;

border-bottom: 0;

background: url(img/arrow-down.gif) right 55% no-repeat;

}

#nav li li a{ border:0;}

SON OF SUCKERFISH DROPDOWNS

文章评论

为什么二级菜单会被挡住_多级下来菜单被select挡住的有关问题相关推荐

网页中层或菜单被Flash挡住的解决办法
网页中层或菜单被Flash挡住的解决办法网页层或菜单经常被flash盖住部分看不到,影响美观,在flash代码中加入以下代码: <param name="wmode" va ...
asp.net页面中Menu控件下拉菜单被frame挡住和iframe自适应高度的解决办法
当你在做一个仿windows程序的顶部菜单框架的时候,在asp.net中你可能会使用两个frame,一个frame在上面用来放菜单一个frame在下面用来方菜单点击后打开的页面.页面实现很简单,单运行 ...
html与js二级菜单横排,JavaScript实现横向滑出的多级菜单效果
本文实例讲述了JavaScript实现横向滑出的多级菜单效果.分享给大家供大家参考.具体如下: 这是一款JavaScript横向滑出的多级菜单,只用鼠标放上就可以动画出现二级菜单,整体设计精美,大气, ...
css二级菜单的隐藏与显示_具有二级菜单的导航案例
下图为具有二级菜单的导航效果,鼠标悬浮在"服装"菜单时出现如图所示的二级菜单效果. 鼠标悬浮于二级菜单效果如下图所示: 注:鼠标悬浮于菜单时,二级菜单背景颜色为渐变,渐变颜色值为# ...
二级菜单HTML原理,CSS多级菜单的实例代码讲解
这是一个相当炫的功能,让网页看起来像桌面程序,如window的开始菜单.实现原理基本和纯CSS相册差不多,但要注意的事项比较多,让我们一步步来吧. 先来一个非常简单的一级菜单与悬停效果. 菜单一菜单 ...
android 多级分组,android 二级菜单（类似QQ分组）
注意点:1)适配器BaseExpandableListAdapter 2)数据源(数组.集合都行)(重点) /** * Created by mb on 2014/11/18. * 二级菜单适配器 * ...
菜单栏点击显示二级菜单_显示完整菜单
菜单栏点击显示二级菜单 On my own computer, I like to see the full menus in Excel, so I selected that setting: 在 ...
android 横向多级列表,Android实现横向二级菜单
本文实例为大家分享了Android二级横向菜单的实现过程.效果如上图: 这种横向的二级菜单在很多的app都有所应用.效果看起来还是非常的美观的.也算是项目需要,自己也就学了一下这个效果,首先说一下逻辑 ...
python制作二级菜单_python之tkinter使用-二级菜单
# 菜单功能说明:二级菜单 import tkinter as tk from tkinter import messagebox root = tk.Tk() root.title('菜单选择') ...

为什么二级菜单会被挡住_多级下来菜单被select挡住的有关问题

为什么二级菜单会被挡住_多级下来菜单被select挡住的有关问题相关推荐

最新文章

热门文章