2012-01-30 2 views
1

Я пытался за последние несколько часов реализовать эффект ослабления jQuery до my previous question (код here), но все напрасно.Эффект JQuery lighting

Это не сработало. То, что я пытаюсь сделать, - сделать пример одинаковым, но добавить easeOutBack к нему, чтобы, если бы я навис над текстом, он начинался бы с эффекта easeOutBack до появления следующего текста. И снова easeOutBack эффект случится, когда я открою текст.

Любая идея, как это сделать?

+0

Что на самом деле не работает? В хроме есть скользящая анимация – zerkms

+0

нет, оригинальная в порядке, но хотелось бы знать, как добавить некоторые смягчающие эффекты. Спасибо за комментарии. –

ответ

4

что об этом - http://jsfiddle.net/ZhUx8/1/.

jQuery(function($) { 

    $('.topnav li').find('a[href]').parent().each(function() { 
     var li = $(this), 
      a = li.find('a'), 
      div = $('<div>' + '<\/div>'); 

     li.hover(function() { 
      a.stop().animate({marginTop: '-64'}, 500, "easeInOutBack"); 
     }, 
     function() { 
      a.stop().animate({marginTop: '0'}, 500, "easeInOutBack"); 
     }) 
     .append(span); 
    }); 

}); 

удостоверьтесь, что объявили об этом этой теме.

<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script> 
+0

@ Андрей, ты удивительный мой друг. Это именно то, чего я хотел. Я был немного смущен, где разместить эффект ослабления, но вы поняли это правильно. Большое спасибо. –

+0

BTW товарищи, вот код, который работает так, как я хотел. У меня была небольшая проблема с тем, чтобы ускользнуть назад на одну сторону, но исправлена. вот код [link] (http://jsfiddle.net/fxdigi/t9TEx/) Спасибо за все ваши усилия. –