什么叫做动态?
动态我不理解,若只是一个pop菜单的话倒可以捕捉鼠标,通过改变层的位置来实现,不过动态?

解决方案 »

  1.   

    这段程序应该对你有帮助(我转抄的),菜单的内容是动态的--是不是指菜单内容不固定,每次弹出都实时更新?那可以将层动态描绘.
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
        <HTML>
        <HEAD>
        <TITLE>CSS菜单试验</TITLE>
        <META content="text/html; charset=gb2312" http-equiv=Content-Type>
        <SCRIPT language=JavaScript1.2>
        //如果要让状态栏(在浏览器左下角)里同步显示菜单内容,将变量display_url设置为1。
        var display_url=1
        
        //这里是定义显示菜单位置的函数,主要是获取鼠标位置,计算出菜单的显示位置。
        function showmenuie5(){
        //下面这句是确定菜单“左”的位置。
        ie5menu.style.left=document.body.scrollLeft+event.clientX
        //下面这句是确定菜单“顶”的位置。
        ie5menu.style.top=document.body.scrollTop+event.clientY
        //定义菜单可见。
        ie5menu.style.visibility="visible"
        return false
        }
        
        //下面这个函数是用于鼠标点击空白页面时,将菜单隐藏。
        function hidemenuie5(){
        ie5menu.style.visibility="hidden"
        }
        
        //下面的函数用于鼠标在菜单项中移动时,将选中的菜单项加亮.
        function highlightie5(){
        if (event.srcElement.className=="menuitems"){
        event.srcElement.style.backgroundColor="highlight"
        event.srcElement.style.color="white"
        if (display_url==1)
        window.status=event.srcElement.url
        }
        }
        
        //下面的函数用于鼠标在菜单项中移动时,将未选中的菜单项去掉加亮恢复正常.
        function lowlightie5(){
        if (event.srcElement.className=="menuitems"){
        event.srcElement.style.backgroundColor=""
        event.srcElement.style.color="black"
        window.status=''
        }
        }
        
        //下面的函数用于处理鼠标在具体菜单项上的点击,跳到对应的URL
        function jumptoie5(){
        if (event.srcElement.className=="menuitems")
        window.location=event.srcElement.url
        }
        </SCRIPT>
        
        
        <!--[if IE]>
        <META content="MSHTML 5.00.2919.6307" name=GENERATOR>
        
        </HEAD>
        
        <BODY bgColor=#ffffff leftMargin=0 topMargin=0>
        
        <!下面就是定义具体的菜单项目和菜单对应的URL,一共定义了5个>
        <DIV id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() onmouseover=highlightie5()>
        <DIV align=center class=menuitems url="http://diyweb.at.china.com/dreamweaver.htm" target="_blank">教学园地</DIV>
        <DIV align=center class=menuitems url="http://diyweb.at.china.com/jzxs.htm" target="_blank">佳作欣赏</DIV>
        <DIV align=center class=menuitems url="http://diyweb.at.china.com/soft.htm" target="_blank">工具软件</DIV>
        <DIV align=center class=menuitems url="http://diyweb.at.china.com/javascript.htm" target="_blank">源代码</DIV>
        <DIV align=center class=menuitems url="http://diyweb.at.china.com/home.htm" target="_blank">免费资源</DIV>
        </DIV>
        <![endif]-->
        
        <SCRIPT language=JavaScript1.2>
        //定义鼠标点击右键时弹出我们定义的菜单
        document.oncontextmenu=showmenuie5
        if (document.all&&window.print)
        //定义鼠标在空白页面上点击时执行隐藏菜单动作
        document.body.onclick=hidemenuie5
        </SCRIPT>
        
        <!下面这些是用CSS定义菜单具体的底色,底边,左边,右边,顶边的大小、颜色,是否实心;字体大小等>
        <!Width参数是定义菜单宽度>    
        <STYLE>#ie5menu {
        BACKGROUND-COLOR: menu;     
        BORDER-BOTTOM: black 2px solid; 
        BORDER-LEFT: black 2px solid; 
        BORDER-RIGHT: black 2px solid; 
        BORDER-TOP: black 2px solid; 
        CURSOR: default; 
        FONT-FAMILY: 宋体; 
        FONT-SIZE: 12px; 
        LINE-HEIGHT: 20px; 
        POSITION: absolute; 
        VISIBILITY: hidden; 
        WIDTH: 120px
        }
        
        </STYLE>
        
        <center>
        <Font size=7>Css 制作右键菜单</font>
        </center>
        
        <P>&nbsp;</P>
        <P>&nbsp;</P>
        
        </BODY>
        </HTML>