2012-03-27 3 views
0

Я знаю, что это возможно с jQuery, но по некоторым причинам у меня возникают серьезные проблемы с этим кодом. Может ли кто-нибудь помочь мне написать небольшой скрипт, который исчезает в div из #content, а затем, после непрозрачности 100%, есть панель навигации с идентификатором типа #links, который падает сверху и отскакивает один раз? Как супер мяч. : P Я знаю, что это возможно, мне просто нужен кто-то, чтобы помочь мне достичь этого! Любая помощь будет оценена по достоинству. Кроме того, я бы не прочь использовать CSS для этого, если кто-то действительно хорошо разбирается в CSS и будет знать, как этого достичь, но предпочтительнее jQuery. Извините за так много вопросов сегодня, я просто изучаю jQuery (наконец!), И все это очень запутанно!jQuery content fade in and navigation bar bounce in

+0

Где ваш http://sscce.org/? – tusar

ответ

1

Общий способ сделать это с помощью функции обратного вызова после того, как FadeIn будет завершена, как это:

$("#content").fadeIn(1000, 
      function(){ 
       $("#links").show(); 
      } 
); 

Затем вы можете заменить show() с некоторыми ослабления эффектов, как описано здесь: http://jqueryui.com/demos/effect/#easing

Эффект «easeInElastic» выглядит как то, что вы можете использовать. Но при всем уважении, вы должны сделать некоторые усилия самостоятельно, прежде чем просить здесь, чтобы люди что-то решали для вас.

Я видел эту ссылку происходит вокруг немного в последнее время: http://mattgemmell.com/2008/12/08/what-have-you-tried/

+0

Я пробовал почти 2 часа прямо, прежде чем я спросил здесь. –

+0

@JamesCharless, справедливо. Но вы не представили никаких примеров того, что вы пробовали ... или JSFiddle, и т. Д. Я бы посоветовал вам предоставить как можно больше примеров при задании похожих вопросов, поскольку это показывает, что вы приложили определенные усилия и сделали людей более желая помочь вам определить вашу проблему. Предоставлен ли ответ, который я дал выше, решить вашу проблему? – Marc

+0

Я уже отмеченный мой пост для удаления, потому что я решил его с помощью учебника CSS3, который я нашел, но ваш тоже отлично работал. CSS3: http://jamestestblog3.tumblr.com/ –