Stopniowo zmienia kolor
W jaki sposób logo w lewym górnym rogu ekranu stopniowo zmienia kolor jako najazd? Myślę, że zrobiono to w jquery. Jeśli nie znasz kodu, możesz wskazać samouczek, który może? Dzięki.
http://www.shopdev.co.uk/blog/
AKTUALIZACJA: Dziękuję wszystkim, opublikowałem działającą wersję kodu poniżej,
<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>