PDA

Просмотр полной версии : Меню на CSS


Midas
21.10.2009, 19:38
Дано: элементарная менюшка http://dre.in.ua/hor_ul.html
Задача: Сделать его работающим в ИЕ.

Дополнительно: *WALL*

Byte_
21.10.2009, 20:53
Элементарно =)

var jshover = function()
{
var menuDiv = document.getElementById("nav")
if (!menuDiv)
return;

var sfEls = menuDiv.getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++)
{
sfEls[i].onmouseover=function()
{
this.className+=" jshover";
}
sfEls[i].onmouseout=function()
{
this.className=this.className.replace(new RegExp(" jshover\\b"), "");
}
}
}

if (window.attachEvent)
window.attachEvent("onload", jshover);

теперь пропишем вместо :hover .jshover

Midas
21.10.2009, 20:59
Странно, на подобный метод натыкался очень много раз, переписывал, подправлял.. ничего не помогало. И вот очередной такой же, просто копипастю и всё работает так как нужно))) Спасибо, это оно :)

Midas
22.10.2009, 19:45
И всё таки оказалось что мир не так прекрасен. В ИЕ работает. Не работает в FireFox :)
http://dre.in.ua/hor_ul.html

Midas
22.10.2009, 20:35
Починил.

[QwyZ]
22.10.2009, 20:36
menu na Counter-Strike:Source? :o

Byte_
23.10.2009, 09:31
я бы посоветовал пользовать jquery и вообще забыть про :hover на все теги кроме a.
$('#menu li').hover(function(){$(this).addClass('hover');}, function(){$(this).removeClass('hover');});

Midas
23.10.2009, 09:35
Увы, с jQuery нужно знакомится, а сроки проэкта этого не терпят. Вот сдам его и буду знакомится.