Takip Edin

JQUERY

Jquery Animate Efekti

Jquery animate Efekti - Öne Çıkan Görsel

Bu bölümde, belirli bir süre içerisinde belirli bir nesnenin css özellikleri ile oynamamızı sağlayan .animate( ) metodunun kullanımıyla alakalı bir uygulama yapılacaktır.

$(document).ready(function () {
            $("#animate").click(function () {
                var box = $("#box");

                box.animate({
                    left: '400px',
                    width: '330px',
                    height: '330px'
                }, "slow");

                box.animate({
                    fontSize: '25px',
                }, 2000);
            });
        });

#animate id’sine sahip olan butona tıkladığımızda #box id’sine sahip olan div’in soldan 20 px olan konumu 400 px‘e, genişlik ve yüksekliği 250 px‘den 330 px‘e yavaş hızda artacak, ardından font büyüklüğü 2 saniye içerisinde 25 px‘e çıkacaktır.

Devamını oku

Popüler

error: Content is protected !!