У меня наконец-то появилась эта работа, но мне хотелось бы знать, как я могу использовать функцию анимации JQuery, чтобы изменения фонового изображения постепенно исчезали, когда вы наводили курсор на элементы списка на главной странице: -
http://www.thebalancedbody.ca/
Код, чтобы сделать это до сих пор: -
$("ul#frontpage li#277 a").hover(
function () {
$('#homepage_container').css('background-image', 'url(http://www.thebalancedbody.ca/wp-content/themes/balancedbody_V1/images/nutrition_background.jpg)');
},function () {
$('#homepage_container').css('background-image', 'url(http://www.thebalancedbody.ca/wp-content/themes/balancedbody_V1/images/default_background.jpg)');
}
);
$("ul#frontpage li#297 a").hover(
function () {
$('#homepage_container').css('background-image', 'url(http://www.thebalancedbody.ca/wp-content/themes/balancedbody_V1/images/vibration_training.jpg)');
},function () {
$('#homepage_container').css('background-image', 'url(http://www.thebalancedbody.ca/wp-content/themes/balancedbody_V1/images/default_background.jpg)');
}
);
и т.д.
Как бы добавить функцию ANIMATE к этому, пожалуйста, спасибо!!!
Спасибо
Джонатан