jquery küçük bir animasyon ///beceremedim malesef

Question

mouse ile üzerine geldiğimde yavaşça rengi değişsin istiyorum şöyle bişey ;

  <script>
      $(document).ready(function () {

          $('.kalkik').mouseenter(function () {
              $(this).animate({'background': '#87e3f7'});
          });
      });

          
        
          $('.kalkik').mouseleave(function () {
              $(this).animate({'background': '#fff' });
          });
       
    
    </script>

denedim ama olmadı;

 $(this).animate

yazan yeri ;

 $(this).css 

olarak değiştirince çalışıyo ama ben buna biraz yavaşlık katmak istiyorum mesela mouseyi çekince yavaşça başka bi renk olsun;

şimdiden teşekkürler

Answer 1

ilk yaptığın doğru nerdeyse ama önce jquery.color.js yi de indirmelisin. jQuery tek başına renk animasyonu yapmaz. 

$(function () {
    $('.kalkik').hover(
        function () { $(this).animate({'backgroundColor': '#87e3f7'}) },
        function () { $(this).animate({'backgroundColor': 'eski renk'}) }
     );
});

---

www.mvcblog.org
e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

Answer 2

sağol