Постепенно меняющийся цвет
Как логотип в верхнем левом углу экрана постепенно меняет цвет в качестве ролловера? Я думаю, что это сделано в JQuery. Если вы неНе знаете код, можете ли вы указать мне учебник, который может? Благодарю.
http://www.shopdev.co.uk/blog/
ОБНОВЛЕНИЕ: Спасибо всем, ямы разместили рабочую версию кода ниже,
$(document).ready(function(){
// load the logo transition
$("#logo span").css("opacity","0");
$("#logo span").css("display","block");
// logo animation
$("#logo").hover(function() {
$("#logo span").stop().animate({opacity:1},'slow');
}, function() {
$("#logo span").stop().animate({opacity:0},'slow');
});
});
#logo span{
background: url(logo2.gif) no-repeat scroll center bottom;
width:257px;
height:75px;
position:absolute;
}
img{
border:0;
}
<a href="#"><span></span><img src="logo.gif"></a>