Обработчик onMouseOver
Написал следующий код:
<script> if (seconds==30 || seconds==60){ document.getElementById("id_fon").style.backgroundImage="url(img/fon.jpg)"; document.getElementById("id_img").onmouseover="img2.src='img/img1.gif'"; } </script> <a href="" id="id_img" onmouseover="img2.src='img/1/img1.gif'" onmouseout="img2.src='img/opt/img2.png'"><img src="img/opt/img2.png" name="img2" /></a> Фон меняется нормально, а вот онмаусовер оставляет старую картинку. Скорее всего неправильно обратился или может быть в другом проблема? |
к img2 не судьба обратиться по getElementById?
|
По типу такого?
document.getElementById('id_img').onmouseover="document.getElementById('id_img').src='img/image1.gif'"; Тоже нет результата, тогда вообще при наведении ничего не меняется. |
<script> document.getElementById('a_tkan').onmouseover="document.getElementById('tkan').src='img/night/tkan_noch.gif'"; </script> <body> <a href='404.html' id="a_tkan" onmouseover="document.getElementById('tkan').src='img/night/tkan_noch.gif'" onmouseout="tkan.src='img/opt/tkan.png'"><img id="tkan" src="img/opt/tkan.png" width="53" height="67" /></a ></body> Вот полный код на котором экспериментирую, если что. |
всё должно работать... Только непонятно зачем скрипт, если обработчики в теге прописаны? Да и не будет выполняться скрипт, так как ещё нет элемента в дереве документа в момент выполнения скрипта.
|
В скрипте не срабатывает, потому что еще нет 'a_tkan'. У вас этот тег после появляется.
<a href='404.html' id="a_tkan" onmouseover="document.getElementById('tkan').src='1.jpg'" onmouseout="document.getElementById('tkan').src='point.png';"><img id="tkan" src="1.jpg" width="53" height="67"/></a> У меня вот так работает, только должны оба рисунка существовать. Если нет второго - картинка на пустую не меняется... |
Часовой пояс GMT +3, время: 17:46. |