下拉目录的一种实现

最新推荐文章于 2021-02-12 22:21:40 发布

MyBackup

最新推荐文章于 2021-02-12 22:21:40 发布

阅读量928

点赞数

分类专栏： JavaScript 文章标签： class function menu xhtml null div

本文链接：https://blog.csdn.net/mybackup/article/details/1342010

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

拷贝源代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<STYLE>

</STYLE>
<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.visibility='visible';
    　m.style.pixelLeft = getPos(el,"Left") ;
        m.style.pixelTop = getPos(el,"Top") + el.offsetHeight;
}
    if ((m!=cm) && (cm))
        cm.style.visibility='hidden';
    cm=m;
}
</SCRIPT>
</head>

<body>
<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="visibility:hidden">
　　<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="visibility:hidden">
　　<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="visibility:hidden">
　　<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>

MyBackup

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
下拉目录的一种实现

拷贝源代码如下：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档　　.menu {background-color:green;width:120; height:20;color: white; text-align: center;font-size:9
复制链接

扫一扫

专栏目录