Анонс title с меню в div
Здравствуйте, дорогие друзья! Помогите пожалуйста. Я новичок в JS.
Объясните пожалуйста, как реализовать такую функцию, второй день мучаюсь. У меня есть меню: <ul class="menu "> <li class="home"><a title="Home" href="/">Главная</a></li> <li class="sovety"><a title="Советы" href="#">Советы</a></li> </ul> и есть один div <div class="menu_title"> </div> Суть в том, что не могу понять как сделать так что-бы при наведении на пункт меню, скрипт брал title из меню и анонсировал его в другой блок как текст. Помогите пожалуйста буду очень признателен. |
Держи:
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<ul id="menu">
<li class="home"><a title="Home" href="#">Главная</a></li>
<li class="sovety"><a title="Советы" href="#">Советы</a></li>
</ul>
<div id="menu_title">
</div>
<script>
var menu = document.getElementById('menu');
var menu_title = document.getElementById('menu_title');
var a = menu.getElementsByTagName('a');
for (var i=0;i<a.length;i++){
a[i].onmouseover = function () {
menu_title.innerHTML = this.getAttribute('title');
this.onmouseout = function () {
menu_title.innerHTML = "";
}
}
}
</script>
</body>
</html>
|
Спасибо большое! Моей благодарности нет границ :)
|
Alexandr_Prylipko,
Не за что :) |
| Часовой пояс GMT +3, время: 08:00. |