javascript+div+css写的树型下拉菜单不能正常显示（高分求救）

jesseqj 2008-06-12 05:30:22
在网上下了个http://www.nkcn.net/Java/CSS/200612/9108.html，小弟在将该网页上的代码用到自己的网页上时，下拉折叠的效果没有，倒是是所有子菜单显示在了页面上。但是如果我把网页头部的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这段代码删除，就可以正常显示折叠效果，不过状态栏提示有个错误，“document.getElementById("")为空或者不是对象”。
这是小弟的源码


<!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>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<link href="common/css/navigaleft.css" type="text/css" rel="stylesheet"/>

<script type=text/javascript><!--//--><![CDATA[//><!--

var LastLeftID = "";

function menuFix2() {

	var obj = document.getElementById("navi").getElementsByTagName("li");

	for (var i=0; i<obj.length; i++) {

		obj[i].onmouseover=function() {

			this.className+=(this.className.length>0? " ": "") + "sfhover";

		}

		obj[i].onMouseDown=function() {

			this.className+=(this.className.length>0? " ": "") + "sfhover";

		}

		obj[i].onMouseUp=function() {

			this.className+=(this.className.length>0? " ": "") + "sfhover";

		}

		obj[i].onmouseout=function() {

			this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");

		}

	}

}



function DoMenu(emid)

{

	var obj = document.getElementById(emid);	

	obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");

	if((LastLeftID!="")&&(emid!=LastLeftID))

	{

		document.getElementById(LastLeftID).className = "collapsed";

	}

	LastLeftID = emid;

}



function GetMenuID()

{



	var MenuID="";

	var _paramStr = new String(window.location.href);



	var _sharpPos = _paramStr.indexOf("#");

	

	if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)

	{

		_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);

	}

	else

	{

		_paramStr = "";

	}

	

	if (_paramStr.length > 0)

	{

		var _paramArr = _paramStr.split("&");

		if (_paramArr.length>0)

		{

			var _paramKeyVal = _paramArr[0].split("=");

			if (_paramKeyVal.length>0)

			{

				MenuID = _paramKeyVal[1];

			}

		}

		/*

		if (_paramArr.length>0)

		{

			var _arr = new Array(_paramArr.length);

		}

		//for (var i = 0; i < _paramArr.length; i++)

		{

			var _paramKeyVal = _paramArr[i].split('=');

			

			if (_paramKeyVal.length>0)

			{

				_arr[_paramKeyVal[0]] = _paramKeyVal[1];

			}		

		}

		*/

	}	

	if(MenuID!="")

	{

		DoMenu(MenuID)

	}

}

GetMenuID();

menuFix2();

--></script>

</head>

<body text="000000" link="0000cc" vlink="0000cc" alink="ff6600" topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">

<div style="height:10px; background:url(images/lead/lanmushodown.gif); width:960px;"><img src="images/spacer.gif" width="1" height="10" /></div>

</div>

<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">

  <tr>

    <td rowspan="2">

   <div style="width:200px; height:366px; float:left">

    <div style="height:10px; background:url(images/lead/bgt.gif)"><img src="images/spacer.gif" width="1" height="10" /></div>

    <div style="height:366px; background:url(images/lead/bg.gif)" align="center"><div style="width: 160px"><table border="0" cellspacing="0" cellpadding="0" width='100%'>

<tr><td>

<div id="parent">

<ul id="navi">

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu1"  onclick="DoMenu('ChildMenu1')">电子数码<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

	<ul id="ChildMenu1" class="collapsed">

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=1">手机</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=2">照相机</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=3">MP3</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=4">MP4</a></li>

   <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=5">电脑配件</a></li>

    <li><a href="goodslist.asp?Cateid=8">收音机</a></li>

	</ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">生活饰品<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

	<ul id="ChildMenu2" class="collapsed">

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=9">镜子</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=10">枕头</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=11">杯子</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=12">钟表</a></li>

	<li ><a href="goodslist.asp?Cateid=13">台灯</a></li>

	</ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px;"><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">休闲娱乐<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

	<ul id="ChildMenu3" class="collapsed">

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=14">玩偶</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=15">盒子</a></li>

	<li><a href="goodslist.asp?Cateid=16">相框</a></li>

	</ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">个人时尚<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

	<ul id="ChildMenu4" class="collapsed">

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=17">T恤</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=18">休闲包</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=19">鞋子</a></li>

	<li ><a href="goodslist.asp?Cateid=20">钱包</a></li>

	</ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu5" onclick="DoMenu('ChildMenu5')">办公愉悦<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

	<ul id="ChildMenu5" class="collapsed">

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=21">笔</a></li>

	<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=22">记事本</a></li>

	</ul>

</li>

</ul>

</div>

</td></tr></table>

</div>

    </div>

    <div style="height:35px; background:url(images/lead/bgb.gif)" align="right"><div style="padding-top:20px"></div>

    </div>

  </div>

    </td>

  </tr>

</table>

</body>

</html>

css代码：
#navi {

	width:150px;

    line-height: 24px; 

	list-style-type: none;

	text-align:left;

    }

#navi a {

	width: 80px; 

	display: block;

	padding-left:20px;

	color:#780a21;

	font-size:14px;

	}

#navi li {

	background:#CCC; 

	float:left;

	}

#navi li a:hover{

	background:#FFFFFF;

}

#navi a:link  {

	color:#780a21;

	 text-decoration:none;

}

#navi a:visited  {

	color:#780a21;

	text-decoration:none;

}

#navi a:hover  {

	color:#780a21;

	text-decoration:none;

	font-weight:bold;

}

#navi li ul {

	list-style:none;

	text-align:left;

}

#navi li ul li{	

	background:#FFFFFF; 

}

#navi li ul a{

         padding-left:20px;

         width:100px;

	}

#navi li ul a:link  {

	color:#780a21;

	text-decoration:none;

}

#navi li ul a:visited  {

	color:#780a21;

	text-decoration:none;

}

#navi li ul a:hover {

	color:#780a21;

	text-decoration:none;

	font-weight:bold;

	background-color:#FFFFFF;

}

#navi li:hover ul {

	left: auto;

}

#navi li.sfhover ul {

	left: auto;

}

#content {

	clear: left; 

}

#navi ul.collapsed {

	display: none;

}

-->

#parent{

	width:200px;

	padding-left:20px;

}


路过的大侠帮帮忙啊
...全文
367 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
lawrendc 2008-06-12
  • 打赏
  • 举报
 回复
加我msn lawrendc@hotmail.com
斯洛文尼亚旅游 2008-06-12
  • 打赏
  • 举报
 回复 
<!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>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style>

#navi {

    width:150px;

    line-height: 24px; 

    list-style-type: none;

    text-align:left;

    }

#navi a {

    width: 80px; 

    display: block;

    padding-left:20px;

    color:#780a21;

    font-size:14px;

    }

#navi li {

    background:#CCC; 

    float:left;

    }

#navi li a:hover{

    background:#FFFFFF;

}

#navi a:link  {

    color:#780a21;

     text-decoration:none;

}

#navi a:visited  {

    color:#780a21;

    text-decoration:none;

}

#navi a:hover  {

    color:#780a21;

    text-decoration:none;

    font-weight:bold;

}

#navi li ul {

    list-style:none;

    text-align:left;

}

#navi li ul li{    

    background:#FFFFFF; 

}

#navi li ul a{

         padding-left:20px;

         width:100px;

    }

#navi li ul a:link  {

    color:#780a21;

    text-decoration:none;

}

#navi li ul a:visited  {

    color:#780a21;

    text-decoration:none;

}

#navi li ul a:hover {

    color:#780a21;

    text-decoration:none;

    font-weight:bold;

    background-color:#FFFFFF;

}

#navi li:hover ul {

    left: auto;

}

#navi li.sfhover ul {

    left: auto;

}

#content {

    clear: left; 

}

#navi ul.collapsed {

    display: none;

}

-->

#parent{

    width:200px;

    padding-left:20px;

}

</style>

<script type=text/javascript>//<![CDATA[//><!--

var LastLeftID = "";

function menuFix2() {

    var obj = document.getElementById("navi").getElementsByTagName("li");

    for (var i=0; i<obj.length; i++) {

        obj[i].onmouseover=function() {

            this.className+=(this.className.length>0? " ": "") + "sfhover";

        }

        obj[i].onMouseDown=function() {

            this.className+=(this.className.length>0? " ": "") + "sfhover";

        }

        obj[i].onMouseUp=function() {

            this.className+=(this.className.length>0? " ": "") + "sfhover";

        }

        obj[i].onmouseout=function() {

            this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");

        }

    }

}

function DoMenu(emid)

{

    var obj = document.getElementById(emid);    

    obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");

    if((LastLeftID!="")&&(emid!=LastLeftID))

    {

        document.getElementById(LastLeftID).className = "collapsed";

    }

    LastLeftID = emid;

}

function GetMenuID()

{    var MenuID="";

    var _paramStr = new String(window.location.href);



    var _sharpPos = _paramStr.indexOf("#");    

    if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)

    {

        _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);

    }

    else

    {

        _paramStr = "";

    }

    

    if (_paramStr.length > 0)

    {

        var _paramArr = _paramStr.split("&");

        if (_paramArr.length>0)

        {

            var _paramKeyVal = _paramArr[0].split("=");

            if (_paramKeyVal.length>0)

            {

                MenuID = _paramKeyVal[1];

            }

        }

    }    

    if(MenuID!="")

    {

        DoMenu(MenuID)

    }

}

window.onload=function()

{

 GetMenuID();

 menuFix2();

}



//]]></script>

</head>

<body text="000000" link="0000cc" vlink="0000cc" alink="ff6600" topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">

<div style="height:10px; background:url(images/lead/lanmushodown.gif); width:960px;"><img src="images/spacer.gif" width="1" height="10" /></div>

</div>

<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">

  <tr>

    <td rowspan="2">

   <div style="width:200px; height:366px; float:left">

    <div style="height:10px; background:url(images/lead/bgt.gif)"><img src="images/spacer.gif" width="1" height="10" /></div>

    <div style="height:366px; background:url(images/lead/bg.gif)" align="center"><div style="width: 160px"><table border="0" cellspacing="0" cellpadding="0" width='100%'>

<tr><td>

<div id="parent">

<ul id="navi">

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu1"  onclick="DoMenu('ChildMenu1')">电子数码<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

    <ul id="ChildMenu1" class="collapsed">

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=1">手机</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=2">照相机</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=3">MP3</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=4">MP4</a></li>

   <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=5">电脑配件</a></li>

    <li><a href="goodslist.asp?Cateid=8">收音机</a></li>

    </ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">生活饰品<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

    <ul id="ChildMenu2" class="collapsed">

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=9">镜子</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=10">枕头</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=11">杯子</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=12">钟表</a></li>

    <li ><a href="goodslist.asp?Cateid=13">台灯</a></li>

    </ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px;"><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">休闲娱乐<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

    <ul id="ChildMenu3" class="collapsed">

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=14">玩偶</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=15">盒子</a></li>

    <li><a href="goodslist.asp?Cateid=16">相框</a></li>

    </ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">个人时尚<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

    <ul id="ChildMenu4" class="collapsed">

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=17">T恤</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=18">休闲包</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=19">鞋子</a></li>

    <li ><a href="goodslist.asp?Cateid=20">钱包</a></li>

    </ul>

</li>

<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu5" onclick="DoMenu('ChildMenu5')">办公愉悦<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>

    <ul id="ChildMenu5" class="collapsed">

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=21">笔</a></li>

    <li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=22">记事本</a></li>

    </ul>

</li>

</ul>

</div>

</td></tr></table>

</div>

    </div>

    <div style="height:35px; background:url(images/lead/bgb.gif)" align="right"><div style="padding-top:20px"></div>

    </div>

  </div>

    </td>

  </tr>

</table>

</body>

</html>
lawrendc 2008-06-12
  • 打赏
  • 举报
 回复
还是没效果？？
jesseqj 2008-06-12
  • 打赏
  • 举报
 回复
我直接用你贴出来的源码，还是那样，没有效果。你有效果吗？
lawrendc 2008-06-12
  • 打赏
  • 举报
 回复
还是报错？？

怎么可能？ 俺测试了的 不会报错
jesseqj 2008-06-12
  • 打赏
  • 举报
 回复
还在吗，我试过了，没有效果啊
lawrendc 2008-06-12
  • 打赏
  • 举报
 回复
你的javascript是写在head里的 而要调用 body里的对象 html页面解释是从上到下的 head->title->body

也就是说你在head里就调用body里的对象，而这个时候body里的对象还没有创建好 所以 会报错，

而将要执行的语句放在window.onload里就不会了 因为是在页面加载完后才调用body里对象 所以不会报错！！

window.onload={
GetMenuID();
menuFix2();
};

这个的意思就是在页面加载完后才调用上边两个函数

明白没有？
jesseqj 2008-06-12
  • 打赏
  • 举报
 回复
我试了你说的方法，可是还是那样，没有折叠效果
lawrendc 2008-06-12
  • 打赏
  • 举报
 回复
好吧 先贴全码：
<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="common/css/navigaleft.css" type="text/css" rel="stylesheet"/>
<script type=text/javascript><!--//--><![CDATA[//><!--
var LastLeftID = "";
function menuFix2() {
var obj = document.getElementById("navi").getElementsByTagName("li");
for (var i=0; i<obj.length; i++) {
obj[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
obj[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
}
}
}

function DoMenu(emid)
{
var obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
if((LastLeftID!="")&&(emid!=LastLeftID))
{
document.getElementById(LastLeftID).className = "collapsed";
}
LastLeftID = emid;
}

function GetMenuID()
{

var MenuID="";
var _paramStr = new String(window.location.href);

var _sharpPos = _paramStr.indexOf("#");

if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
{
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
}
else
{
_paramStr = "";
}

if (_paramStr.length > 0)
{
var _paramArr = _paramStr.split("&");
if (_paramArr.length>0)
{
var _paramKeyVal = _paramArr[0].split("=");
if (_paramKeyVal.length>0)
{
MenuID = _paramKeyVal[1];
}
}
/*
if (_paramArr.length>0)
{
var _arr = new Array(_paramArr.length);
}
//for (var i = 0; i < _paramArr.length; i++)
{
var _paramKeyVal = _paramArr[i].split('=');

if (_paramKeyVal.length>0)
{
_arr[_paramKeyVal[0]] = _paramKeyVal[1];
}
}
*/
}
if(MenuID!="")
{
DoMenu(MenuID)
}
}
window.onload=function(){
GetMenuID();
menuFix2();
};--></script>
</head>
<body text="000000" link="0000cc" vlink="0000cc" alink="ff6600" topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0">
<div style="height:10px; background:url(images/lead/lanmushodown.gif); width:960px;"><img src="images/spacer.gif" width="1" height="10" /></div>
</div>
<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td rowspan="2">
<div style="width:200px; height:366px; float:left">
<div style="height:10px; background:url(images/lead/bgt.gif)"><img src="images/spacer.gif" width="1" height="10" /></div>
<div style="height:366px; background:url(images/lead/bg.gif)" align="center"><div style="width: 160px"><table border="0" cellspacing="0" cellpadding="0" width='100%'>
<tr><td>
<div id="parent">
<ul id="navi">
<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">电子数码<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>
<ul id="ChildMenu1" class="collapsed">
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=1">手机</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=2">照相机</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=3">MP3</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=4">MP4</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=5">电脑配件</a></li>
<li><a href="goodslist.asp?Cateid=8">收音机</a></li>
</ul>
</li>
<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">生活饰品<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>
<ul id="ChildMenu2" class="collapsed">
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=9">镜子</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=10">枕头</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=11">杯子</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=12">钟表</a></li>
<li ><a href="goodslist.asp?Cateid=13">台灯</a></li>
</ul>
</li>
<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px;"><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">休闲娱乐<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>
<ul id="ChildMenu3" class="collapsed">
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=14">玩偶</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=15">盒子</a></li>
<li><a href="goodslist.asp?Cateid=16">相框</a></li>
</ul>
</li>
<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">个人时尚<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>
<ul id="ChildMenu4" class="collapsed">
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=17">T恤</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=18">休闲包</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=19">鞋子</a></li>
<li ><a href="goodslist.asp?Cateid=20">钱包</a></li>
</ul>
</li>
<li style="border-bottom:1px solid #cccccc; padding-top:5px; padding-bottom:5px; "><a href="#Menu=ChildMenu5" onclick="DoMenu('ChildMenu5')">办公愉悦<span style="padding-left:30px;"><img alt="" src="images/lead/arrow.gif" border="0"/></span></a>
<ul id="ChildMenu5" class="collapsed">
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=21">笔</a></li>
<li style="border-bottom:1px solid #cccccc"><a href="goodslist.asp?Cateid=22">记事本</a></li>
</ul>
</li>
</ul>
</div>
</td></tr></table>
</div>
</div>
<div style="height:35px; background:url(images/lead/bgb.gif)" align="right"><div style="padding-top:20px"></div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
jesseqj 2008-06-12
  • 打赏
  • 举报
 回复
我刚学这个，能说清楚点吗，具体怎么做？
lawrendc 2008-06-12
  • 打赏
  • 举报
 回复
在没完成页面加载的情况下调用了页面对象
lawrendc 2008-06-12
  • 打赏
  • 举报
 回复 


GetMenuID();

menuFix2();


改成





window.onload=function(){



GetMenuID();

menuFix2();



};
Delphi开发者资源社区 V1.0
简介:
“Delphi开发者资源社区”源码 V1.0
左轻侯
2001.10.9

Email:onekey@163.com
社区地址：http://delphi.mychangshu.com
个人主页：http://onekey.yeah.net

本社区使用ASP+ACCESS 2000开发，可以很方便地升级到MS SQL SERVER。
代码未经整理，有很多不规范的地方，仅供参考，请自己注意。有些计划中的功能尚未完成，但不影响使用。
如果你发现漏洞，请通知我，不要来黑啊，呵呵。这是一个程序员交流的地方，请爱护它。

功能：
二级分类目录；
WEB方式的文件上传；
作品评论；
下载计数和排行榜；
多种方式排序和查找；
WEB方式的社区维护；
内置一个文本计数器；
内置一个树型结构的论坛。

使用了稻香老农的文件上传代码（ASP实现，无须第三方组件），特此致谢。必须在Windows2000下使用。

记得将exdata.mdb放到一个没有下载权限的目录中，并修改config中的strConnString。否则别人可以简单地将整个数据库下载下来。

初始用户：
id:admin password:admin

压缩包中的“树型结构的快速算法.txt”文件，描述了本社区论坛的实现思路。 
DIV+CSS+JS实现树形菜单
&lt;html &gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Div+CSS+JS树型菜单，可刷新&lt;/title&gt; &lt;style type="text/css"&gt; * { margin: 0
DIV+CSS构成的树型菜单
 这是用DIV+CSS+JS构成的树型菜单，采用列表,符合WEB标准，在大多数WIN浏览器下，兼容性不错，xhtml见效果页,我现在做的是二个菜单,如果需要添加,可把......之间的内容加上去,"submenuid"加1。CSS代码body { margin: 0px; padding: 0; font: 12px "Lucida Grande", Verdana, Arial, Helveti
如何利用jsp＋javabean＋oracle动态生成树型目录菜单
有谁知道如何利用jsp＋javabean＋Oracle的模式动态生成树型菜单
HTML + CSS + JS实现页面树形菜单展示功能
HTML + CSS + JSS实现页面树形菜单展示功能后端代码前端代码CSS样式JSHTML 后端代码 通过递归查出树形菜单结构 private List<WzAuthorityBO> getAuthorityTree(String parentId) { List<WzAuthorityBO> list = new ArrayList<>(); List<WzAuthority> wzAuthorities = wzAuth
JavaScript

87,993

社区成员

224,694

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章