-2

我想在侧边栏中添加导航,但没有空间。

我想设置它,以便当我将鼠标悬停在诸如(链接)之类的单词上时,会出现一个列表。但我不确定我应该使用什么代码来完成这项工作。

可以在这里看到一个示例:http: //www.colourloves.com/ 当您将鼠标悬停在“浏览”上时,它会显示其他链接的列表。

<div id="navigation">

  <a href="http://aftermidnightworkouts.tumblr.com/tagged/healthyrecipes">Dear         
    Charlie</a><br>

   <a href="http://aftermidnightworkouts.tumblr.com/tagged  
    /healthyrecipes">Portfolio</a><br>

   <a href="http://aftermidnightworkouts.tumblr.com/tagged    
  /healthyrecipes">Aftermidnightworkouts</a><br>

   <a href="http://aftermidnightworkouts.tumblr.com/tagged  
     /healthyrecipes">Writings</a>   
         </div>
4

2 回答 2

0

只需谷歌搜索 CSS 下拉菜单,有很多关于它的页面,您甚至可以生成它然后自己检查代码(例如这里)。您只需要一些使用:hover选择器的 css 代码。

于 2013-09-05T09:21:06.030 回答
0

这里有一些代码可以帮助您入门:

http://jsfiddle.net/jonigiuro/ZsAQb/

<ul id="navigation">

  <li>
      <a href="http://aftermidnightworkouts.tumblr.com/tagged/healthyrecipes">Dear Charlie</a>
      <ul class="subnav">
          <li class="item">
              subnav item1
          </li>
          <li class="item">
              subnav item2
          </li>
      </ul>
  </li>
</ul>

最好将列表用于像您这样的导航菜单,将其包装在导航标签(html5)中会更好。

诀窍是您在主导航的列表项中插入子导航的子列表,并将其 css 设置为默认隐藏。当您将鼠标悬停在主导航项上时,您只需定位它的子子导航并显示它

于 2013-09-05T09:24:35.433 回答