Постепенно меняющийся цвет
Как логотип в верхнем левом углу экрана постепенно меняет цвет в качестве ролловера? Я думаю, что это сделано в JQuery. Если вы не знаете код, можете ли вы указать мне учебник, который может? Благодарю.
http://www.shopdev.co.uk/blog/
ОБНОВЛЕНИЕ: Спасибо всем, я разместил рабочую версию кода ниже,
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(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');
});
});
</script>
<style type="text/css">
#logo span{
background: url(logo2.gif) no-repeat scroll center bottom;
width:257px;
height:75px;
position:absolute;
}
img{
border:0;
}
</style>
</head>
<body>
<div id="logo"><a href="#"><span></span><img src="logo.gif"/></a></div>
</body>
</html>