您的位置：首页 > Web前端 > HTML

解决Milonic DHTML菜单的相对位置问题。

2007-04-11 17:17 417 查看

Milonic DHTML菜单是个不错的菜单程序（另一个也不错的是http://www.scbr.com/docs/products/dhtmlxTree/），其浏览器的兼容性比较不错。不过程序的源码被加密了。
在使用中遇到一个问题是它的菜单只能按固定位置放置，无法随着窗口大小变化而保持居中等。
解决办法是将Milonic DHTML菜单嵌入到Table中，使菜单可以随Table cell的位置变化而变化。
具体做法参见：
http://www.milonic.com/tablemenu.php 和
http://www.milonic.com/menusample.php?sampleid=9
关键处摘录如下：
1。删除menu_data.js中关于主菜单的描述部分。
2。主菜单单独嵌入到Table cell里面去，其中position="relative"是关键。

<html>
<head>
</head>
<body>

<script language=JavaScript src="/milonic_src.js" type=text/javascript></script>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=/mmenuns4.js></scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=/mmenudom.js></scr"+"ipt>");
</script>
<script language=JavaScript src="/menu_data.js" type=text/javascript></script>

<table>
<td>
<script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=Home;url=http://www.milonic.com/;status=Back To Home Page;");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
drawMenus();
</script>
</td>
</table>
</body>

3。可将以上主菜单描述部分单独放置到js文件中。
<TABLE>
<TR>
<TD>
<SCRIPT type="text/javascript" src="embedded_main_menu.js"></SCRIPT>
</TD>
</TR>
</TABLE>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航