JAVASCRIPT 当鼠标移开时 已弹出子菜单自动消失



<html>
 <head>
<style type="text/css">
.menu
{
 background-color:green;
 width:120;
 height:20;
 color: white;
 text-align: center;
 font-size:9pt;
 font-weight:bolder;
}
.submenu
{
 position:absolute;
 top:40;
 background-color:
 yellow;width:180;
 font-size:9pt;
}
</style>
</head>

 <body>
<SCRIPT>
  var cm=null;
  document.onclick = new Function("show(null)") 
function getPos(el,sprop) 
{var iPos = 0
       while (el!=null) 
   {iPos+=el["offset" + sprop]
             el = el.offsetParent}
       return iPos} 
function show(el,m) 
{if (m) {            m.style.display='';
               m.style.pixelLeft = getPos(el,"Left")
               m.style.pixelTop = getPos(el,"Top") + el.offsetHeight} 
       if ((m!=cm) && (cm)) cm.style.display='none';cm=m} 
</SCRIPT>

<table border=0>
  <tr>
   <td ID="d1" οnmοuseοver="show(this,ds1);" class="menu">杂志技术站点</td>
   <td ID="d2" οnmοuseοver="show(this,ds2);" class="menu">门户站点</td>
   <td ID="d3" οnmοuseοver="show(this,ds3);" class="menu">个人收藏站点</td>
  </tr>
</table>

<DIV ID="ds1" CLASS="submenu" STYLE="display:none" οnmοuseleave="this.style.display='none'">
  <BR><A HREF="http://www.yesky.com">天极网 Yesky.com</A>
  <BR><A HREF="http://www.cbinews.com">电脑商情报</A>
  <BR><A HREF="http://www.newsoft.com.cn">新潮电子</A>
  <BR> 
</DIV> 
<DIV ID="ds2" CLASS="submenu" STYLE="display:none" οnmοuseleave="this.style.display='none'">
  <BR><A HREF="http://www.sina.com.cn">新浪网 Sina</A>
  <BR><A HREF="http://www.sohu.com.cn">搜狐 Sohu</A>
  <BR><A HREF="http://www.163.com">网易 Netease</A>
  <BR> 
</DIV>
<DIV ID="ds3" CLASS="submenu" STYLE="display:none" οnmοuseleave="this.style.display='none'">
  <BR><A HREF="http://haoel.yeah.net">耗子网络编程站</A>
  <BR><A HREF="http://www.5460.net">中国同学录</A>
  <BR><A HREF="http://www.csdn.net">中国软件开发网</A>
  <BR>
</DIV>
 </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值