Форум

Alexandr_Prylipko · #1 (**permalink**) 27.06.2014, 21:45

Здравствуйте, дорогие друзья! Помогите пожалуйста. Я новичок в 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 из меню и анонсировал его в другой блок как текст.
Помогите пожалуйста буду очень признателен.

Brutus · #2 (**permalink**) 27.06.2014, 23:00

Держи:

<!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 · #3 (**permalink**) 27.06.2014, 23:30

Спасибо большое! Моей благодарности нет границ

Brutus · #4 (**permalink**) 28.06.2014, 00:05

Alexandr_Prylipko,
Не за что

Форум

Справочник

Discord чат

Курсы javascript