1

我一直在尝试不同的方法来制作 Spry 菜单栏，并且我还找到了一种方法来让它像 Visual Studio Express 2012 程序 Web 安装程序一样，其中边框淡入蓝色。到目前为止，我能够做到这一点的唯一方法是为此添加“突出显示”行为，但这只是我需要的边缘。我想要做的是更改突出显示的属性以突出显示“边框”而不是背景颜色，它有一个选项。

我得到的错误：

此行为只能影响具有 ID 的元素。请单击取消并使用属性检查器或代码视图为元素指定一个 ID。此操作不会添加到您的文档中。

这是我为 Spry 菜单栏制作的代码。

<ul class="MenuBarVertical" id="MenuBar1">
    <li class="MenuBarSubmenuVisible" id="Home" onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" name="Home">
      <div align="center"><a href="Index.html">Home Page </a></div>
      </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Aboutus">
      <div align="center"><a href="#">About Us</a></div>
      </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Downloads">
      <div align="center"><a href="#">Downloads</a>            </div>
      </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Forums">
      <div align="center"><a href="#">Forums</a></div>
    </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false) id="Untitled">
      <div align="center"><a href="#">Untitled Item</a></div>
    </li>
  </ul>

我需要的是更改 ID 值或该错误所说的任何内容，因此我可以将该选项更改为“边界”，这样我就可以从此过上幸福的生活……有人知道这个问题的答案吗？

  • 抱歉没有图片，我有它们...但是垃圾邮件预防让我...我没有 10 个代表点。
4

1 回答 1

0

你可以使用 CSS 来做到这一点。在你的菜单上放这个：

<style>
li:hover {
border: 2px solid #10CA00;
}
</style>

你可以改变颜色（#10CA00）和大小（2px）

如果这不起作用试试这个：

<style>
    li:hover {
    border: 2px solid #10CA00;
    display : block;
    height: 50px;
    padding : 5px;
    margin : 10px;
  width: 100px;
    }
    </style>

您可以更改任何这些属性的值并删除不需要的属性

于 2012-11-10T02:43:55.293 回答