三级菜单不能在firefox下使用

uuq 2005-07-28 10:20:50
我找到一个三级菜单
http://www.95108.cn/menu.htm
但是在firefox不能使用
那位高手帮改下
...全文
127 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
孟子E章 2005-07-28
  • 打赏
  • 举报
回复
里面用了FireFox不支持的方法。网上很多所有浏览器兼容的菜单的
gu1dai 2005-07-28
  • 打赏
  • 举报
回复
这个菜单的可改性为:0
gu1dai 2005-07-28
  • 打赏
  • 举报
回复
这个菜单在我的经典收藏里面

我给它起的名字叫:经典特长特效三级菜单

呵呵,从我起的名字看出,它的最大特点就是代码特别长。

我看你还是另外找菜单吧
flowingshadow 2005-07-28
  • 打赏
  • 举报
回复
http://cross-browser.com/x/menus/xmenu3_1.html
看看这个例子吧,这个用起来简单,代码组织的也好
uuq 2005-07-28
  • 打赏
  • 举报
回复
多谢,昨晚我也找到了以前的贴子
我想垂直的。不知能不能放在表格里。
我现在没有空下午再试试。
因为是鬼佬的网站不得不考虑下兼容性
gu1dai 2005-07-28
  • 打赏
  • 举报
回复
我给你一个,zhiin和我修改自w3的菜单,虽然效果没那么炫,不过通过了opera,mozilla,ie
最新版的测试

<script type="text/javascript">

startList.tag = 0;
function startList(rootObj)
{
var navRoot, i=0;
if(rootObj == '' || rootObj == null) rootObj=getObjectById('navitree');

try
{
navRoot = rootObj;
if(navRoot==null)
{
alert('null a wrong accoured');
}
else
{
for (i=0; i<navRoot.childNodes.length; i++)
{
node = navRoot.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function()
{
this.className ="over";//info.innerHTML = this.innerHTML;
}
node.onmouseout=function()
{
this.className="out";
//info.innerHTML = this.innerHTML;
}
if(startList.tag==1)
{
node.className = "out";
}
startList(node);
}
else if (node.nodeName=="UL")
{
startList.tag = 1;
startList(node);
}
} //for end
}
} //try end
catch(e)
{
alert(e);
} //catch end
} //startList

getObjectById = function(id)
{
if (typeof(id) != "string" || id == "") return null;
if (document.getElementById) return document.getElementById(id);
if (document.all) return document.all(id);
try {return eval(id);} catch(e){ return null;}
}
</script>

<style type="text/css">
body { font-size: 12px; font-family: 'Courier New';}.navitree
a { display: block;
padding: 5px;
text-decoration: none;
background: #ddd; color: #000;
}
.navitree a:hover { background: #880; color: #fff;}
.navitree { width: 450px;}
.navitree {
border-width: 0px 1px 1px 0px ; border-style:solid; border-color:black;
float:left;
margin: 0px; padding: 0px;
list-style-type: none;
}
.navitree ul {
border-width: 0px 1px 1px 0px ; border-style:solid; border-color:black;
width:150px;
margin: 0px; padding: 0px;
list-style-type: none;
}
.navitree li {
border-width: 1px 0px 0px 1px ; border-style:solid; border-color:black;
position: relative; width: 149px; padding: 0px; float: left; background: #fff;
}
.navitree li ul li {
position: relative; width: 149px; padding: 0px; float: left;
}
.navitree li ul {
display: none; position: absolute; left: -1px;
}
.navitree li ul li ul {
position: absolute; left: 149px; top: -1px;
/* Set 1px less than menu width */
}

li.over ul { display: block; visibility: visible;}
li.out ul { visibility: hidden; /* 比用 display:none 效率会高 */}
</style>
<BODY>
<ul id="navitree" class="navitree">
<li><a href="#">home</a></li>
<li>
<a href="#">about ></a>
<ul id="second">
<li><a href="#">history</a></li>
<li><a href="#">team</a></li>
<li><a href="#">offices</a></li>
</ul>
</li>
<li>
<a href="#">services ></a>
<ul>
<li>
<a href="#">web design ></a>
<ul>
<li><a href="#">web design - sub1</a></li>
<li><a href="#">web design - sub2</a></li>
<li>
<a href="#">web deisgn - sub3 ></a>
<ul>
<li><a href="#">sub3-1</a>
<li><a href="#">sub3-2</a>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>

<TEXTAREA NAME="info" id="info" ROWS="20" COLS="80"></TEXTAREA>

</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
startList();
//-->
</SCRIPT>
uuq 2005-07-28
  • 打赏
  • 举报
回复
firefox可以打开第一层,第二层打不开了。
点击也无效,firefox说要用document.getElementById取值。

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧