Question

长时间浏览器，首次发布。：）

一段时间以来，我正在做我的第一个html项目，并且挂了一些代码，我希望你们中的一些聪明人可以对我的方式的错误有所了解！

我想要实现的是将我的菜单放在表格的屏幕顶部。当您将鼠标悬停在文本上时，它将突出显示文本并将iframe更改为该菜单项的html文件。

我已经突出显示并可以正常工作了，但是使用我的代码，它只将location.href更改为鼠标悬停的第一个。之后，它将不再更改iframe在其他任何菜单上的位置。

有指针吗？

自从Netscape导航器时代以来，我还没有编程过html，所以请保持柔和！

这是我到目前为止所得到的...

<table style="width: 95%" align="center">
    <tr>
        <td class="auto-style5" onmouseout="this.style.backgroundColor='transparent'" onmouseover="this.style.backgroundColor='#99CCFF', document.getElementById('iframe1').contentWindow.document.location.href='Home.html';">
        Home</td>
        <td class="auto-style5" onmouseout="this.style.backgroundColor='transparent'" onmouseover="this.style.backgroundColor='#99CCFF', document.getElementById('iframe1').contentWindow.document.location.href='About.html';">
        About Us</td>
        <td class="auto-style5" onmouseout="this.style.backgroundColor='transparent'" onmouseover="this.style.backgroundColor='#99CCFF', document.getElementById('iframe1').contentWindow.document.location.href='ContactUs.html';">
        Contact Us</td>
    </tr>
</table>

iframe在鼠标悬停时进行更改

0 个答案: