社区
JavaScript
帖子详情
三级菜单不能在firefox下使用
uuq
2005-07-28 10:20:50
我找到一个三级菜单
http://www.95108.cn/menu.htm
但是在firefox不能使用
那位高手帮改下
...全文
127
7
打赏
收藏
三级菜单不能在firefox下使用
我找到一个三级菜单 http://www.95108.cn/menu.htm 但是在firefox不能使用 那位高手帮改下
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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取值。
自己写的支持多浏览器的Ajax
三级
级联
菜单
,Post方式传值
自己写的
三级
级联
菜单
,添加的时候点上一级出现下一级
菜单
,修改的时候自动绑定各级级联
菜单
,后台用.net实现,可以用到任何网页中,包括HTML,aspx均可以的,数据库表结构脚本也在其中,支持Ajax Post方式,字符很多...
Ajax省市
三级
联动
菜单
支持火狐浏览器
Ajax省市
三级
联动
菜单
支持火狐浏览器,数据库结合,项目整合方便。适合asp ,.net 项目的整合,运行效率高。无刷新。
jquery
三级
网页
菜单
代码.rar
jquery
三级
网页
菜单
代码,基于JavaScript的
三级
网页下拉
菜单
,或者说是下滑
菜单
,向右侧展开,向下拉出的二级
菜单
,非常简洁漂亮,小清新
菜单
,呵呵,基于jquery和CSS开发实现,在Chrome、火狐或IE8下均完美运行,...
省份城市地区-
三级
联动
jquery+xml 省份 城市 区域
三级
联动
菜单
. 用id作为连接点,高效快速. IE与
firefox
测试通过. 里面附带例子^ ^
无限级联动下拉
菜单
V1.03
四、本程序在(Win2003平台)ie6 ie7 opera9
firefox
3 chrome0.2 safari3.1下测试通过。 五、可轻松整合各大著名CMS,如帝国等,方便自定义模型的扩展。 备注:内置两个数据JS,一个全国城市省市地区数据,一个人才...
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章