Главная » Файлы » jQuery скрипты | jQuery снипепеты | jQuery плагины


Line 0: когда прогрузилась страница (DOM готов к манипуляциям)
Line 1: привязываемся к событию click для элемента
Line 2: манипулируем элементом

– уменьшаем его прозрачность до 0.1, наращиваем позицию left еще на 400px, со скоростью 1200 (milliseconds)
Line 3: затем медленно изменяем следующие параметры: opacity=0.4, top=160px, height=20, width=20; скорость анимации указывается вторым параметром : “slow”, “normal”, “fast” или в миллисекундах
Line 4: затем opacity=1, left=0, height=100, width=100, скорость – “slow”
Line 5: затем top=0, скорость – “fast”
Line 6: затем slideUp (с дефолтной скоростью анимации – “normal”)
Line 7: затем slideDown, скорость – “slow”
Line 8: возвращаем false для того чтобы браузер не перешел по ссылке

Code
$(document).ready(function(){
  $(".run").click(function(){
   
  $("#box").animate({opacity: "0.1", left: "+=400"}, 1200)
  .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")
  .animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")
  .animate({top: "0"}, "fast")
  .slideUp()
  .slideDown("slow")
  return false;
  });  
});


Пример





Ваша оценка:

Рейтинг: 0.0 Всего:0 Добавил: Михалыч

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
Комментарии
Всего комментариев: 0