Изменение стиля при наведении и отведении

[Кощей]

Изменение стиля при наведении и отведении

Исползую jQuery, чтобы изменить стиль заголовка в меню использую следующий код:

  $('div#left-menu> h3').hover(
     function(){
             $(this).css("hover");
             },function(){
                        $(this).css("default");
                        }
    );

Но неработает, почему ?

 

[Mr_Max]

Непонимаю.
stylename:hover чем не устроил?

 

[Кощей]

Он в MSIE несрабатывает :-(

 

[@ndrey]

jQuery применяется только для изменения стилей или еще какая-нибудь надобность в нем есть?

 

[Кощей]

Он делает меню в ввиде аккордиона, но всмвсле стилей надобности нет

 

[@ndrey]

а не пробывал реализовывать изменение стилей в ie через jsHover?

 

[kruglov]

А что эти "$('div#left-menu> h3').hover(...)" должны вообще делать?

 

[Кощей]

@ndrey
Нет, а как

-~{}~ 30.09.07 16:24:

kruglov
Это отбирает все h3 в div с айди left-menu. кним присваиваеться обработчик hover

 

[@ndrey]

к сожалению не могу привести ссылку, т.к. она временно не работает, поэтому да простят меня..приведу немного кода

<script type="text/javascript">
<!--//--><![CDATA[//>
<!--  	jsHover = function() {
        var hEls = document.getElementById("menulist").getElementsByTagName("LI");
	for (var i=0, len=hEls.length; i<len; i++)
         {
  	    hEls[i].onmouseover=function() { this.className+=" jshover"; } 
   	    hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); } }}
  	if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);
  //--><!]]></script>

стиль для ие - #menulist li.jshover ul {display: block;} (как вариант)
я думаю сообразишь, что где..может и поможет.
зы: только мое меню реализовано на css, без js, за исключением jsHover для ie

 

[kruglov]

Кощей
И как, отладочные алерты показывают, что обработчик присваивается?

 

[Кощей]

kruglov
Да при наведении на любой h3 елемент этого div с таким кодом:

$('div#left-menu> h3').hover(
function(){
alert("Hello");
}
);

Выводит окошко

 

[kruglov]

Воот, значит остается отладить $(this).css("hover").
Смотрите, кому и что устанавливает эта строка.

 

[mishco]

У JQuery проблема с hover и дивами в некоторых браузерах, да и с
$(element).bind("mouseover", function () {}) тоже не особо радует.. Вообще с кросбраузерностью дивками и ховерами все не очень гладко, используй внутри div'ки ссылку с display: block; height: 100%; Ыыы .