Web每日一练day18 鼠标点击一级菜单显示二级菜单_html 两级多选框点击第一层展开第二层-CSDN博客

本文链接：https://blog.csdn.net/weixin_43942765/article/details/107329751

在这里插入图片描述

<HTML>
<HEAD>
<!-- **********Found********** -->
<META http-equiv="Content-Type" content="text/html; _______=gb2312">
<TITLE>树形菜单</TITLE>
<STYLE type="text/css">
DIV {
FONT-SIZE:13px;
COLOR:#000000;
LINE-HEIGHT:22px;
}
A{
FONT-SIZE:13px;
COLOR:#000000;
TEXT-DECORATION:none
}

/* **********Found********** */
A:____________{
FONT-SIZE:20px;
COLOR:#FF0000}

</STYLE>

<SCRIPT language="JavaScript">
function show(d1){
/* **********Found********** */
if(document.getElementById(d1)._____________=='none'){
//如果触动的层处于隐藏状态，即显示
/* **********Found********** */
document.getElementById(d1)._____________='block';
}else{
//如果触动的层处于显示状态，即隐藏
/* **********Found********** */
document.getElementById(d1).______________='none';
}}

</SCRIPT>
</HEAD>
<BODY>
<DIV HEIGHT="30">
<FONT color="#CC0000">
<B>树形菜单：</B>
</FONT>
</DIV>
<!-- **********Found********** -->
<A href="javascript:onClick=____________"><B>新闻</B></A>
<!-- **********Found********** -->
<DIV id="1" style="display:____________">
--国内<BR>
--国际<BR>
--社会<BR>
--军事
</DIV>
<DIV>
<!-- **********Found********** -->
<A href="javascript:onClick=_____________"><B>财经</B></A>
</DIV>
<!-- **********Found********** -->
<DIV id="2" style="display:______________">
--股票<BR>
--基金<BR>
--外汇<BR>
--期货</DIV>
</BODY>
</HTML>

答案

 1. charset
 2. hover
 3. style.display
 4. style.display
 5. style.display
 6. show(1)
 7. none
 8. show(2)
 9. none