下拉菜单

var ET = topobj.offsetTop, EH = topobj.offsetHeight, EL = topobj.offsetLeft, EW = topobj.offsetWidth;
                  var BH = document.body.clientHeight, BT = document.body.scrollTop ,BW=document.body.clientWidth;
                      while(topobj=topobj.offsetParent){ET += topobj.offsetTop;EL += topobj.offsetLeft;}
               
                            if(BH+BT-ET-OldMenu.offsetTop>=Menu.offsetHeight)
                          Menu.style.pixelTop = ET + OldMenu.offsetTop;
                                else
                                 Menu.style.pixelTop = (ET+OldMenu.offsetTop+OldMenu.offsetHeight >=Menu.offsetHeight)? ET+OldMenu.offsetTop+OldMenu.offsetHeight-Menu.offsetHeight :BT;
                          
                           if(BW-EL-EW>=Menu.offsetWidth)
                           Menu.style.pixelLeft = EL + EW;
                           else
                           Menu.style.pixelLeft = (BW>=Menu.offsetWidth)?EL-Menu.offsetWidth:0;
             Menu.style.visibility = "visible";
                  if(Menu.alphaing)clearInterval(Menu.alphaing);
                  Menu.alphaing = setInterval("ShowAlpha('"+Menu.id+"',"+alphaStep+")",menuSpeed);        
           }
  
   }function HideMenu(num)
  {  
  var themenu="";
  if (num==1) themenu=NowSubMenu;
    
                for(var i=SubMenuList.length-1;i>=0;i--)
                    { 
                            if(SubMenuList[i]&&SubMenuList[i]!=themenu)
                                  {
                                  // document.getElementById(SubMenuList[i]).alphaing = setInterval("HideAlpha('"+SubMenuList[i]+"',"+alphaStep+")",menuSpeed);        
                              
                                   document.getElementById(SubMenuList[i]).style.visibility ="hidden";
                                   document.getElementById(SubMenuList[i]).filters.Alpha.Opacity =100;
                                   SubMenuList[i] = null;
                                   }
                            else
                                  if (SubMenuList[i]==NowSubMenu)return;
                        }
        NowSubMenu="";
  }   function ShowAlpha(obj,num)
{
                 var obj = document.getElementById(obj);
                 
                  if(obj.filters.Alpha.Opacity<100)
                  { obj.filters.Alpha.Opacity += num;}
                      else
                       {        
                           clearInterval(obj.alphaing);
                           obj.filters.Alpha.Opacity = 100;
                            obj.alphaing = false;
                       }        
                        
}
function document.onclick()
{HideMenu();}   
var TM = new Menu("TM");
    TM.addMenu("&nbsp;HOME FURNISHING","http://www.baidu.com","TMC");
    TM.addMenu("&nbsp;你好","http://www.baidu.com","TMC1");
    TM.addMenu("&nbsp;你好","http://www.baidu.com");
    TM.addMenu("你好","http://www.baidu.com");
    TM.addMenu("你好","http://www.baidu.com");
    TM.addMenu("你好","http://www.baidu.com");         var TMC1 = new Menu("TMC1");
       TMC1.addMenu("你好","http://www.baidu.com");
       TMC1.addMenu("你好","http://www.baidu.com");
       TMC1.addMenu("你好","http://www.baidu.com");
   var TMC = new Menu("TMC");
       TMC.addMenu("你好","http://www.baidu.com");
       TMC.addMenu("你好","http://www.baidu.com");
       TMC.addMenu("你好","http://www.baidu.com");
       TMC.addMenu("你好","http://www.baidu.com","TMCC");
   var TMCC = new Menu("TMCC");
      TMCC.addMenu("你好","http://www.baidu.com");
      TMCC.addMenu("你好","http://www.baidu.com");
      TMCC.addMenu("你好","http://www.baidu.com");
      TMCC.addMenu("你好","http://www.baidu.com");
var TM3 = new Menu("TM3");
    TM3.addMenu("你好","http://www.baidu.com");
        TM3.addMenu("你好","http://www.baidu.com","TM4");
var TM4 = new Menu("TM4");
   TM4.addMenu("你好","http://www.baidu.com");
   TM4.addMenu("你好","http://www.baidu.com");
   TM4.addMenu("你好","http://www.baidu.com","TM6");
   TM4.addMenu("你好","http://www.baidu.com","TM5");
   var TM5 = new Menu("TM5");
   TM5.addMenu("你好","http://www.baidu.com");
   TM5.addMenu("你好","http://www.baidu.com");
   TM5.addMenu("你好","http://www.baidu.com");
   TM5.addMenu("你好","http://www.baidu.com");
   var TM6 = new Menu("TM6");
   TM6.addMenu("你好","http://www.baidu.com");
   TM6.addMenu("你好","http://www.baidu.com");
   TM6.addMenu("你好","http://www.baidu.com");
   TM6.addMenu("你好","http://www.baidu.com");
   
var TM = new Menu("TM7");
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com");
    TM.addMenu("我也好","http://www.baidu.com");
    TM.addMenu("我也好","http://www.baidu.com");
    TM.addMenu("我也好","http://www.baidu.com");   
        
var TM = new Menu("TM8");
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com");
    TM.addMenu("我也好","http://www.baidu.com");
    TM.addMenu("我也好","http://www.baidu.com");
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com"); 
    TM.addMenu("我也好","http://www.baidu.com");
</script>
<style type="text/css">
<!--
.tddd{
font-family: Arial, "宋体", Helvetica, sans-serif;
font-size: 10px;
}
-->
</style><table width="768" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
  <tr>
    <td height="22" >&nbsp;<a href='javascrpt:;' onMouseOver="ShowMenu('TM',1)">菜单一</a></td>
    <td>&nbsp; <a href='javascrpt:;' onMouseOver="ShowMenu('TM3',1)">菜单一</a></td>
    <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
    <td><a href="#" onMouseOver="ShowMenu('TM3',1)">sfsfs</a></td>
    <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
    <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
    <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
    <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
    <td width="85"><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>  </tr>
   </table></body>
</html>

解决方案 »

  1.   

    var ET = topobj.offsetTop, EH = topobj.offsetHeight, EL = topobj.offsetLeft, EW = topobj.offsetWidth;
                      var BH = document.body.clientHeight, BT = document.body.scrollTop ,BW=document.body.clientWidth;
                          while(topobj=topobj.offsetParent){ET += topobj.offsetTop;EL += topobj.offsetLeft;}
                   
                                if(BH+BT-ET-OldMenu.offsetTop>=Menu.offsetHeight)
                              Menu.style.pixelTop = ET + OldMenu.offsetTop;
                                    else
                                     Menu.style.pixelTop = (ET+OldMenu.offsetTop+OldMenu.offsetHeight >=Menu.offsetHeight)? ET+OldMenu.offsetTop+OldMenu.offsetHeight-Menu.offsetHeight :BT;
                              
                               if(BW-EL-EW>=Menu.offsetWidth)
                               Menu.style.pixelLeft = EL + EW;
                               else
                               Menu.style.pixelLeft = (BW>=Menu.offsetWidth)?EL-Menu.offsetWidth:0;
                 Menu.style.visibility = "visible";
                      if(Menu.alphaing)clearInterval(Menu.alphaing);
                      Menu.alphaing = setInterval("ShowAlpha('"+Menu.id+"',"+alphaStep+")",menuSpeed);        
               }
      
       }function HideMenu(num)
      {  
      var themenu="";
      if (num==1) themenu=NowSubMenu;
        
                    for(var i=SubMenuList.length-1;i>=0;i--)
                        { 
                                if(SubMenuList[i]&&SubMenuList[i]!=themenu)
                                      {
                                      // document.getElementById(SubMenuList[i]).alphaing = setInterval("HideAlpha('"+SubMenuList[i]+"',"+alphaStep+")",menuSpeed);        
                                  
                                       document.getElementById(SubMenuList[i]).style.visibility ="hidden";
                                       document.getElementById(SubMenuList[i]).filters.Alpha.Opacity =100;
                                       SubMenuList[i] = null;
                                       }
                                else
                                      if (SubMenuList[i]==NowSubMenu)return;
                            }
            NowSubMenu="";
      }   function ShowAlpha(obj,num)
    {
                     var obj = document.getElementById(obj);
                     
                      if(obj.filters.Alpha.Opacity<100)
                      { obj.filters.Alpha.Opacity += num;}
                          else
                           {        
                               clearInterval(obj.alphaing);
                               obj.filters.Alpha.Opacity = 100;
                                obj.alphaing = false;
                           }        
                            
    }
    function document.onclick()
    {HideMenu();}   
    var TM = new Menu("TM");
        TM.addMenu("&nbsp;HOME FURNISHING","http://www.baidu.com","TMC");
        TM.addMenu("&nbsp;你好","http://www.baidu.com","TMC1");
        TM.addMenu("&nbsp;你好","http://www.baidu.com");
        TM.addMenu("你好","http://www.baidu.com");
        TM.addMenu("你好","http://www.baidu.com");
        TM.addMenu("你好","http://www.baidu.com");         var TMC1 = new Menu("TMC1");
           TMC1.addMenu("你好","http://www.baidu.com");
           TMC1.addMenu("你好","http://www.baidu.com");
           TMC1.addMenu("你好","http://www.baidu.com");
       var TMC = new Menu("TMC");
           TMC.addMenu("你好","http://www.baidu.com");
           TMC.addMenu("你好","http://www.baidu.com");
           TMC.addMenu("你好","http://www.baidu.com");
           TMC.addMenu("你好","http://www.baidu.com","TMCC");
       var TMCC = new Menu("TMCC");
          TMCC.addMenu("你好","http://www.baidu.com");
          TMCC.addMenu("你好","http://www.baidu.com");
          TMCC.addMenu("你好","http://www.baidu.com");
          TMCC.addMenu("你好","http://www.baidu.com");
    var TM3 = new Menu("TM3");
        TM3.addMenu("你好","http://www.baidu.com");
            TM3.addMenu("你好","http://www.baidu.com","TM4");
    var TM4 = new Menu("TM4");
       TM4.addMenu("你好","http://www.baidu.com");
       TM4.addMenu("你好","http://www.baidu.com");
       TM4.addMenu("你好","http://www.baidu.com","TM6");
       TM4.addMenu("你好","http://www.baidu.com","TM5");
       var TM5 = new Menu("TM5");
       TM5.addMenu("你好","http://www.baidu.com");
       TM5.addMenu("你好","http://www.baidu.com");
       TM5.addMenu("你好","http://www.baidu.com");
       TM5.addMenu("你好","http://www.baidu.com");
       var TM6 = new Menu("TM6");
       TM6.addMenu("你好","http://www.baidu.com");
       TM6.addMenu("你好","http://www.baidu.com");
       TM6.addMenu("你好","http://www.baidu.com");
       TM6.addMenu("你好","http://www.baidu.com");
       
    var TM = new Menu("TM7");
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com");
        TM.addMenu("我也好","http://www.baidu.com");
        TM.addMenu("我也好","http://www.baidu.com");
        TM.addMenu("我也好","http://www.baidu.com");   
            
    var TM = new Menu("TM8");
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com");
        TM.addMenu("我也好","http://www.baidu.com");
        TM.addMenu("我也好","http://www.baidu.com");
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com"); 
        TM.addMenu("我也好","http://www.baidu.com");
    </script>
    <style type="text/css">
    <!--
    .tddd{
    font-family: Arial, "宋体", Helvetica, sans-serif;
    font-size: 10px;
    }
    -->
    </style><table width="768" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
      <tr>
        <td height="22" >&nbsp;<a href='javascrpt:;' onMouseOver="ShowMenu('TM',1)">菜单一</a></td>
        <td>&nbsp; <a href='javascrpt:;' onMouseOver="ShowMenu('TM3',1)">菜单一</a></td>
        <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
        <td><a href="#" onMouseOver="ShowMenu('TM3',1)">sfsfs</a></td>
        <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
        <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
        <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
        <td><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>
        <td width="85"><a href="#"onMouseOver="ShowMenu('TM4',1)">sfsfs</a></td>  </tr>
       </table></body>
    </html>