Просмотр полной версии : Меню на CSS
Дано: элементарная менюшка http://dre.in.ua/hor_ul.html
Задача: Сделать его работающим в ИЕ.
Дополнительно: *WALL*
Элементарно =)
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
Странно, на подобный метод натыкался очень много раз, переписывал, подправлял.. ничего не помогало. И вот очередной такой же, просто копипастю и всё работает так как нужно))) Спасибо, это оно :)
И всё таки оказалось что мир не так прекрасен. В ИЕ работает. Не работает в FireFox :)
http://dre.in.ua/hor_ul.html
menu na Counter-Strike:Source? :o
я бы посоветовал пользовать jquery и вообще забыть про :hover на все теги кроме a.
$('#menu li').hover(function(){$(this).addClass('hover');}, function(){$(this).removeClass('hover');});
Увы, с jQuery нужно знакомится, а сроки проэкта этого не терпят. Вот сдам его и буду знакомится.
vBulletin® v3.8.14, Copyright ©2000-2026, vBulletin Solutions, Inc. Перевод: zCarot