jQuery Div Hareket Ettirme

  1. emir56
    1
    267
    17.03.2019 12:22:00

    web programlama ödevim ; web sayfasındaki bir div elementini hareket ettiren javascript yada jquery kodunu yazınız ?

    jquery html javascript 8 ay önce 246 Görüntüleme
    • emir56 yön tuşları ile mi hareket ettirmek istiyorsun , yoksa otomatik kendisi animasyon gibi mi hareket edecek ?

    • Yorum Ekleyin

( 1 ) Cevap

  1. emir56
    0
    267
    11.07.2019 06:46:00

    animate ile yapabilirsin,

    Bir divi 500 piksel sağa kaydırma, hareket ettirtme;

    position:absolute; önemli, bu özelliği div e vermez iseniz çalışmıyor

    <html>
    <head>
    <style>
    #test {
      background:#FF0000;
      height:110px;
      width:110px;
      position:absolute;
    }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script> 
    $(document).ready(function(){
      $("button").click(function(){
        $("div").animate({left: '500px'});
      });
    });
    </script> 
    </head>
    <body>
    
    <button>Div Hareket Ettir</button>
    
    <div id="test"></div>
    
    </body>
    </html>
    

Cevabınız