Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Меню на CSS (https://forum.antichat.xyz/showthread.php?t=150089)

Midas 21.10.2009 19:38
Меню на CSS
 
Дано: элементарная менюшка 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 нужно знакомится, а сроки проэкта этого не терпят. Вот сдам его и буду знакомится.


Время: 02:42