jQuery анимация

[aromanov.livejournal.com]

Знакомые в отпусках, а надо срочно. Если есть знающие jQuery, пожалуйста, помогите. Код и пояснение под катом.

UPD: Решено.


есть код смены цвета body

$("li.3").click( function(){ $
("body").removeClass("bg1 , bg2 , bg4 , bg5 , bg6 , bg7 , bg8").addClass("bg3");
});

надо, чтобы он появлялся с fade в 800 мс. есть вот такой код

{effect: 'fade', fadeOutSpeed: 800});

но как его присобачить к первому, увы, не знаю, в яве полный лох.

с css и html все понятно, есть нужные дивы и нужные классы для body.

Спасибо.

Comments

[awzster.livejournal.com]

Хм...
.fadeIn( [ duration ], [ callback ] ) Returns: jQuery
Description: Display the matched elements by fading them to opaque.
Собственно, fade и add/remove class из разной оперы.

[aromanov.livejournal.com]

ничего вообще об этом не знаю. потому и спрашиваю.

надо совместить. вот на такой байде:

http://dl.dropbox.com/u/1551499/tabs/tabs.html

чтобы менялось на черный я сделал, но не понимаю, как сделать плавно. разбираться в яве с ноля не хочется совсем.

[awzster.livejournal.com]

$("body").animate({ backgroundColor: '#623A10', color: '#FFF' }, 500);
примерно вот так - работает.

А вообще тут http://www.google.by/search?sourceid=chrome&ie=UTF-8&q=jquery+addclass+with+fade очень много ссылок. Может где-то и покрасивее решение есть.

[awzster.livejournal.com]

А вообще все просто:
$("body").addClass("td", 500);

:)

[aromanov.livejournal.com]

но это при клике на li. черный фон должен быть только при клике на один li. при клике на все остальные снова белый.

[aromanov.livejournal.com]

так body черный сразу при открытии страницы.

[awzster.livejournal.com]

Ну если совсем весь код

$("li.3").click( function(){ $
("body").removeClass("bg1 , bg2 , bg4 , bg5 , bg6 , bg7 , bg8").addClass("bg3", 500);
});

[aromanov.livejournal.com]

да, так и пробовал. не работает fade.

[aromanov.livejournal.com]

блин, справился все же!

http://www.xiper.net/collect/js-plugins/effects/jquery-color.html

[awzster.livejournal.com]

мои поздравления :)

[aromanov.livejournal.com]

спасибо за помощь :) вы навели на мысль. выяснилось, что классы не анимируются, а анимировать данный конкретный пример можно только с помощью стороннего плагина.