Question

示例页面：http://kian02.comlu.com/kian3.html 我希望示例页面中的Navi具有鼠标悬停功能，也是一个链接。由于我的努力，你已经疯了，因为你可以看到哈哈。

Answer 1

使用标记和鼠标悬停链接的href也可以工作，链接也可以工作

Answer 2

您可能需要重新编写代码才能使此导航更具可用性。

一个好方法是使用带有列表元素和锚点的无序列表：

<ul id="navigation">
  <li><a href="home.htm">Home</li>
  <li><a href="contact.htm">Contact</li>
  <li><a href="gallery.htm">Gallery</li>
</ul>

然后使用CSS显示内联元素并添加悬停样式：

#navigation li
{
    display: inline /*this will display your elements horizontally*/
    color: #fff;
    background-image: url(path/to/file.png);
}

#navigation li:hover
{
    color: #f00;
}

你还应该看看CSS sprites，它们对导航菜单非常有用，并且肯定会帮助你在这里使你的导航看起来和工作：）

你如何同时使用鼠标悬停和链接？

2 个答案: