zoukankan      html  css  js  c++  java
  • 解决Milonic DHTML菜单的相对位置问题。

    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>

  • 相关阅读:
    lists and Dictionaries
    捕获鼠标点击 位置移动
    Preventing and Event from Propagation Through a set of Nested Elements
    瀑布流
    Using Function Closures with Timers
    $.getJSON 的用法
    Overlay 遮罩层
    git常见问题
    spring 全局异常处理
    spring 事务
  • 原文地址:https://www.cnblogs.com/jjkv3/p/709240.html
Copyright © 2011-2022 走看看