如何实现鼠标放上去显示多个显示和隐藏层 ? 5
这边是我找到的显示和隐藏层,我想改成多个显示和隐藏层,要怎么修改?急<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional...
这边是我找到的显示和隐藏层,我想改成多个显示和隐藏层,要怎么修改?急
<!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 type="text/css">
* { margin:0px; padding:0px;}
html{color:#000;background:#FFF;}
body{ text-align:left; font-style:normal; font-size:12px; line-height:20px; font-family:"宋体";}
ul,ol,li{list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
img,fieldset {border:0;}
h1,h2,h3,h4,h5,h6{font-size:14px;}
input,label,select,option,textarea,button,fieldset,legend,table,td {font-size:12px;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
a { color:#333; text-decoration:none; font-style: normal; }
a:hover{ color:#F00; text-decoration:underline; cursor: pointer;}
</style>
</head>
<script>
function ddd(){
document.getElementById('tit_list').style.display = "block";
//document.getElementById('bo').setAttribute('style','display:block');
}
function ooo(){
document.getElementById('tit_list').style.display = "none";
}
</script>
<body>
<a href="#" onmouseover="ddd();">dfdfdfdfdfdfdf</a>
<div class="boxA" id="tit_list" onmouseover="ddd();" onmouseout="ooo()" style="display:none">
<dl>
<dt><a href="#">标题标题</a></dt>
<dd><a href="#">内容内容</a></dd>
<dd><a href="#">内容内容</a></dd>
<dd><a href="#">内容内容</a></dd>
</dl>
</div>
</body>
</html>
我是新手呢,对那些还不是很了解的,请给个具体的方法,谢谢 展开
<!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 type="text/css">
* { margin:0px; padding:0px;}
html{color:#000;background:#FFF;}
body{ text-align:left; font-style:normal; font-size:12px; line-height:20px; font-family:"宋体";}
ul,ol,li{list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
img,fieldset {border:0;}
h1,h2,h3,h4,h5,h6{font-size:14px;}
input,label,select,option,textarea,button,fieldset,legend,table,td {font-size:12px;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
a { color:#333; text-decoration:none; font-style: normal; }
a:hover{ color:#F00; text-decoration:underline; cursor: pointer;}
</style>
</head>
<script>
function ddd(){
document.getElementById('tit_list').style.display = "block";
//document.getElementById('bo').setAttribute('style','display:block');
}
function ooo(){
document.getElementById('tit_list').style.display = "none";
}
</script>
<body>
<a href="#" onmouseover="ddd();">dfdfdfdfdfdfdf</a>
<div class="boxA" id="tit_list" onmouseover="ddd();" onmouseout="ooo()" style="display:none">
<dl>
<dt><a href="#">标题标题</a></dt>
<dd><a href="#">内容内容</a></dd>
<dd><a href="#">内容内容</a></dd>
<dd><a href="#">内容内容</a></dd>
</dl>
</div>
</body>
</html>
我是新手呢,对那些还不是很了解的,请给个具体的方法,谢谢 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询