Question

用dreamweaver，，做html导航怎么把鼠标放上去就自己出现列表

如题，就像这样、、、
谢谢~~~

Answer 1

用HTML做出框架，用CSS做样式，用JS出弹出列表就可以了。示例代码如下：

<style>
*{margin:0;padding:0;}
body{font:16px/1.5 "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", sans-serif, Arial, System;background-color:#FFF;}/*\9ED1\4F53黑体*/
li{list-style:none;}
a{text-decoration:none;color:#000;}
.nav{background:rgb(255,175,0);height:45px;line-height:45px;}
.nav>li{float:left;width:90px;text-align:center;}
.subnav{display:none;background:rgb(45,45,45);}
.subnav li{text-align:left;color:#fff;text-indent:15px;}
.subnav li a{color:#fff;}
</style>
<ul class="nav">
  <li><a href="" target="_blank">首页</a></li>
  <li><a href="" target="_blank">活动</a></li>
  <li>更多
    <ul class="subnav">
      <li><a href="" target="_blank">设计师</a></li>
      <li><a href="" target="_blank">专题</a></li>
      <li><a href="" target="_blank">主创网</a></li>
    </ul>
  </li>
</ul>

<script>
$(function() {
  $(".nav>li").hover(function() {
    $(this).find('.subnav').slideDown();
  }, function() {
    $(this).find('.subnav').slideUp();
  });
});
</script>

Answer 2

SPRY 选项卡菜单 里面可以编辑这种菜单。 或者创建DIV 层 做鼠标移动 隐藏 效果