Показать сообщение отдельно
  #2 (permalink)  
Старый 31.08.2012, 21:38
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

wayzer,
<div id="id1" style="width: 100px; height: 100px; background-color: green">наведи на меня</div><div id="id2"></div>
<script>
var id1 = document.getElementById("id1"), id2 = document.getElementById("id2"); // обращение к первому и второму div-ам по идентификатору
id1.onmouseover = function () { // событие (функция) по наведению мыши на первый div
    id2.innerHTML = "заданный <b>html</b> код"; // innerHTML задает html-код (в данном случае второму div-у)
}

id1.onmouseout = function () { // событие по уходу с элемента мыши
    id2.innerHTML = ""; // убираем текст со второго div-a
}
</script>

Последний раз редактировалось lord2kim, 31.08.2012 в 21:44.
Ответить с цитированием