Показать сообщение отдельно

  #7  
Старый 24.05.2008, 17:06
smOleg
Banned
Регистрация: 30.11.2007
Сообщений: 114
Провел на форуме:
2077503

Репутация: 54
По умолчанию

Цитата:
Сообщение от astrologer  
1) Копипаст?)
да)
Цитата:
Сообщение от astrologer  
2) Структура списка неправильная.
да.. просто он длиннее. вот теперь правильная?
Код:
 <ul id="nav">
                     <li class=""><a href="#">Home</a></li>
                     <li class=""><a href="#">About</a>
                         <ul>
                             <li><a href="#">History</a></li>
                             <li><a href="#">Team</a></li>
                             <li><a href="#">Offices</a></li>
                         </ul>
                     </li> 
  </ul>
Цитата:
Сообщение от astrologer  
3) Не используется ключевое слово var, из-за этого все переменные определяются как глобальные.
вот. заюзал вар, убрал проверку документ ол. в ФФ както интересно начало подставлять клас..
раз мышкой провел- он все подставил клас, но почемуто не убрал на mouseover
второй раз мышкой ровести то к <li class="over">
ставит еще <li class="over over"> и потом уберает на mouseover до <li class="over">

в опера и ИЕ зато все отлично
Код:
 startList = function() { 
var navRoot = document.getElementById("nav");
            for (i=0; i<navRoot.childNodes.length; i++) {
                  node = navRoot.childNodes[i];
                  if (node.nodeName=="LI") {
                        node.onmouseover=function() {
                              this.className+=" over";
                        }
                        node.onmouseout=function() {
                              this.className=this.className.replace(" over", "");
                        }
                  }
            }
}
window.onload=startList;
Цитата:
Сообщение от astrologer  
4) В списке только ссылки, значит, можно обойтись без JS (a:hover).
там применяется li:hover ИЕ такого не понимает
Код:
#nav li ul {  
display: none;
}
#nav  li.over ul {
display: block; 
}

Последний раз редактировалось smOleg; 24.05.2008 в 17:27..
 
Ответить с цитированием