Jquery - ефектно меню

[n3mo]

За тези проекти има страхотен начин чрез слайдър, ако искаш виж http://home.n3mo.eu/~n3mo/ui , тук са примерите на jquery UI фрейуорка ... със слайдър ще стане много яко, може да направя и урок за това , но там е доста по-сложно.

[qwerty]

според мен ще е полезен един такъв урок

[zareva_rositsa]

Урока е велик, само защо при мен не отделя двете картинки, когато прави анимацията - в смисъл при hover променя прозрачността само на обекта, върху който се движа, но движението нагоре - надолу го прави за двете картинки едновременно, независимо върху коя се намирам. Ползвам $(this).

[Dormas]

Не ми се получава заради margin-top. Не работи поради някаква причина. Опитах с няколко браузъра и вече се чудя какво да правя.. Благодаря предварително.

[n3mo]

@zareva_rositsa  Радвам се, че урока ти е харесал, за съжаление нямам време да запиша още уроци тези дни, иначе проблема ти е сигурно от IE, ако става така и при FF виж кода, не би трябвало при $(this) да имаш този проблем, може би html кода не ти е структориран по същия начин ( примерно да минаваш върху div и да ти повдига целия div ).
@Dormas Писах ти лично съобщение, прати кода да видим къде е проблема. Възможно е да се получава от разни png fix-ове за прозрачността или просто от друг js, който имаш по сайта.
Поздрави,
Нед

[vetko]

Много хубав урок. Благодаря!

[smarfy02]

Страхотен урок .Браво ! Но на мен баунс ефекта нещо не ми се получава хем следвам  урока много точно ?!? ето кода :
menu.js
 " $(document).ready(function(){
   var button = $( ' .b ' );
   button.hover(function(){
   $(this).stop().animate({
      opacity:1,
      marginTop: " 0px " ,
      
   },500);
   },function(){
      $(this).stop().animate({
      opacity:0.4,
      marginTop: " 20px " ,
      
   },500, " easeOutBouns " );
   });
});
 "
html
 "
.....
      
      
      
      
   
   
      

                      
                         
                     
                  
                     
                     


         
      

   


 "
javascript неработи много добре под mozila , как да оправя този проблем ?

[n3mo]

@smarfy02 Ако нещо не ти работи, прегледай си скобите, просто сега не съм тръгнал да тествам кода ти. Ефекта ти не работи защото си объркап правописа на ease-инга пише се easeOutBounce, а не easeOutBouns. Попринцип проблемите с различните браузъри най-често се получават от грешки в css-а.
Поздрави,
Нед

[antony]

Привет,

И аз благодаря за урока! Приложих го в част от моя сайт и се получи много добе!

Поздрави!

[mar1919]

Най-хубави са уроците на gatakka. Kолкото и трудна да е темата, така добре обяснява, че всичко разбирам. Само една молба лично към него - не използвайте думата "намАляме", а думата "НАМАЛЯВАМЕ". Това е правилното!