Cambiando gradualmente de color

Question

Nov 17, 2009, 06:18 PM

Cambiando gradualmente de color

¿Cómo cambia gradualmente el color en la esquina superior izquierda de la pantalla como rollover? Creo que se hace en jquery. Si no conoce el código, ¿puede indicarme un tutorial que pueda? Gracias.

http://www.shopdev.co.uk/blog/

ACTUALIZACIÓN: Gracias a todos, he publicado una versión de trabajo del código a continuación,

<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>