中易网

用Dreamweaver CS3 怎么做好看的下拉菜单,像这样的

答案:1  悬赏:0  
解决时间 2021-04-28 02:31
  • 提问者网友:多余借口
  • 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>


这问题好像在哪里见过,发多次

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息