想请教一下简单的代码问题:我想制作一个插入了JAVASCRIPT的树状菜单栏,但是预览时无法展开,不知道原因
发布网友
发布时间:2022-06-03 11:17
我来回答
共4个回答
热心网友
时间:2023-10-16 19:00
你那个太复杂了,我改简单点了,说白了就是控制div的display属性,点击树根显示/隐藏div
<!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>
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function tree(id){
if($(id).style.display=='block'){$(id).style.display='none';}
else{$(id).style.display='block'}
}
</script>
</head>
<body>
<p><div onclick="tree('news')">**本周娱闻</div></p>
<div id="news" style="display:none">
<p>———<a href="#">容祖儿与Twins香港游,歌迷热情似火</a><br />
———<a href="#">刘德华要与张艺谋合作</a><br />
———<a href="#">“哈利,波特故居”将拍卖</a><br />
———<a href="#">章子怡客串韩国片</a><br />
</div></p>
<p><div onclick="tree('movie')">**影视故事</div></p>
<p><div id="movie" style="display:none">
———<a href="#">行棋无悔</a><br />
———<a href="#">因为爱你
</a> <br />
———<a href="#">老爸叫红旗>
</a><br />
———<a href="#">神捕十三娘
</a></div></p>
</body>
</html>
热心网友
时间:2023-10-16 19:01
<body onload="MM_callJS('document.all.news.style.display=(document.all.dw.style.display==\'none\')?\':\'none\'')">
这句里面的 dw 是??
热心网友
时间:2023-10-16 19:01
<!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>
</head>
<script>
function ch_1()
{
news.style.display='';
movie.style.display='none'
}
function ch_2()
{
news.style.display='none';
movie.style.display=''
}
</script>
<body>
<p><div onclick="ch_1()">**本周娱闻</div></p>
<div id="news" style="display:none">
<p>———<a href="#">容祖儿与Twins香港游,歌迷热情似火</a><br />
———<a href="#">刘德华要与张艺谋合作</a><br />
———<a href="#">“哈利,波特故居”将拍卖</a><br />
———<a href="#">章子怡客串韩国片</a><br />
</div></p>
<p><div onclick="ch_2()">**影视故事</div></p>
<p><div id="movie" style="display:none">
———<a href="#">行棋无悔</a><br />
———<a href="#">因为爱你
</a> <br />
———<a href="#">老爸叫红旗>
</a><br />
———<a href="#">神捕十三娘
</a></div></p>
</body>
</html>
热心网友
时间:2023-10-16 19:02
改成onmouseover和onmouseout,代码如下,测试过
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function MM_callJS(jsStr) { //v2.0
//return eval(jsStr)
var menuItem = document.getElementById(jsStr);
menuItem.style.display= (menuItem.style.display == 'none')?'':'none';
}
</script>
</head>
<body>
<p><div onmouseover="MM_callJS('news')" onmouseout="MM_callJS('news')">**本周娱闻
<div id="news" style="display:none">
<p>———<a href="#">容祖儿与Twins香港游,歌迷热情似火</a><br />
———<a href="#">刘德华要与张艺谋合作</a><br />
———<a href="#">“哈利,波特故居”将拍卖</a><br />
———<a href="#">章子怡客串韩国片</a><br />
</div></p>
</div></p>
<p><div onmouseover="MM_callJS('movie')" onmouseout="MM_callJS('movie')">**影视故事
<p><div id="movie" style="display:none">
———<a href="#">行棋无悔</a><br />
———<a href="#">因为爱你
</a> <br />
———<a href="#">老爸叫红旗>
</a><br />
———<a href="#">神捕十三娘
</a></div></p>
</div></p>
</body>
</html>