Сообщение от
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;
}