Vamos a ver un bonito efecto de rollover en jQuery sobre un div aplicando un efecto fade en el color de fondo (background) de ese elemento. Para ello utilizamos la funcion animate:
<script type="text/javascript"> $(document).ready(function(){ $(".caja_fade").hover(function() { $(this).stop().animate({ backgroundColor: "#a7bf51"}, 800); },function() { $(this).stop().animate({ backgroundColor: "#F00" }, 800); }); }); </script>
<style> .caja_fade{ width:250px; height:150px; line-height:150px; text-align:center; background:#A0DAF6; color:#fff; font-size:16px; }</style>
<div class="caja_fade">PASA EL CURSOR POR ENCIMA</div>
no me funciono.. muy bueno tu blog, pero un consejo.. deberias explicar un poco mas.. hay muchos novatos como yo tratando de buscar info que nos sirva.. gracias