iframe Изменить onmouseover - PullRequest
Новая
       12

iframe Изменить onmouseover

0 голосов
/ 27 марта 2019

Давний браузер, первый раз постер.:)

Я работаю над своим первым html-проектом за короткое время и зацикливаюсь на небольшом количестве кода. Я надеялся, что некоторые из вас, умные люди, смогут пролить свет на ошибку моих путей!

Я пытаюсь добиться того, чтобы мое меню располагалось в верхней части экрана в таблице.Когда вы наводите курсор мыши на текст, он выделяет текст и изменяет iframe на html-файл этого пункта меню.

Я получил выделение и стал работать, но с моим кодом он только изменяет location.hrefк первому, на который вы наведите курсор мыши.После этого он больше не меняет местоположение iframe в других меню.

Есть ли какие-либо указатели?

Я не программировал html со времен навигатора netscape, так что будьте осторожны!

Вот что я получил до сих пор ... 

<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>
...