用Dreamweaver CS3 怎么做好看的下拉菜单,像这样的
- 提问者网友:多余借口
- 2021-04-27 11:07
- 二级知识专家网友:飘零作归宿
- 2021-04-27 11:48
<!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>
<style type="text/css">
ul{margin:0; padding:0;}
ul li{list-style:none; text-align:center; cursor:pointer;}
.ul ul#layer1 ,.ul ul#layer2{display:none;}
ul li.liFloat{float:left; width:150px;}
</style>
</head>
<body>
<div class="ul u-style">
<ul>
<li class="liFloat" onmouseover="javascript:document.getElementById('layer1').style.display='block'" onmouseout="javascript:document.getElementById('layer1').style.display='none'"><!--一级栏目-->
公司信息
<ul id="layer1"><!--2级栏目-->
<li>公司动态1</li>
<li>公司动态2</li>
<li>公司动态3</li>
<li>公司动态4</li>
<li>公司动态5</li>
</ul>
</li>
<li class="liFloat" onmouseover="javascript:document.getElementById('layer2').style.display='block'" onmouseout="javascript:document.getElementById('layer2').style.display='none'">
公司信息2
<ul id="layer2">
<li>公司动态6</li>
<li>公司动态7</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
这问题好像在哪里见过,发多次