none
jquery küçük bir animasyon ///beceremedim malesef RRS feed

  • Soru

  • 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

    14 Eylül 2015 Pazartesi 17:26

Yanıtlar

  • 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

    • Yanıt Olarak İşaretleyen NScoder54 14 Eylül 2015 Pazartesi 17:48
    14 Eylül 2015 Pazartesi 17:34
    Moderatör

Tüm Yanıtlar

  • 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

    • Yanıt Olarak İşaretleyen NScoder54 14 Eylül 2015 Pazartesi 17:48
    14 Eylül 2015 Pazartesi 17:34
    Moderatör
  • sağol
    14 Eylül 2015 Pazartesi 17:48