2012-06-19 2 views
0

У меня есть и стрелка png для моего сайта, и я хотел бы, чтобы другая цветная стрелка появлялась при наведении курсора над стрелкой. Я знаю, как это сделать, но я хотел бы знать, могу ли я создать эффект затухания между двумя стрелками, даже если я покажу новую стрелку, изменив src исходного.jQuery fade and change src

+0

я попытался googeling решения, так что им открыты для любых предложений – guyzyl

ответ

2

Конечно, вы можете!

$("a.arrow").fadeOut(1000, function(){ 
    $(this).find("img").attr("src", "newurl"); 
    $(this).fadeIn(1000); 
}); 

See Demo - Standard

See Demo - Images overlayed

+0

спасибо за быстрый ответ! что такое «a.» стрелка? – guyzyl

+0

'a' - ваша якорная ссылка. 'arrow' - это класс, который я добавил. Создание jsfiddle для отображения – Curt

+0

'.fadeout()' синтаксис '.fadeout (длительность, callback' не' .fadeout (callback, duration' [Ref] (http://api.jquery.com/fadeOut/) –