jquery kod yazan ve sitelerinde hareketli birşeyler olmasını istiyen arkadaşları ilgilendiren bir konu animate methodu sayesinde güzel efektler ile süsleyip birçok yerde kullanabilirsiniz Kullanımı çok basit mantığını kavradığınızda ise nekadar derin bir konu olduğunu anlıyacaksınız sadece slider olarak düşünmeyin animate methodunu birçok yerde kullanabilirsiniz şimdi örneklerle basit bir şekilde anlatmaya çalışacağım umarım sizlere faydalı olur.
Değişecekdeğiştir$('button').click(function(){ $(".degisecek").animate({"width":"200px","height":"200px"}, 1000);
En basit hali bu bir buton ile varolan bir divimizi secip genişlik ve yükseklik değerlerini değiştirdik yukarıdaki işlemde olay aslında çok basit jquery ile nesnemizi seciyoruz ve hemen ardından .animate() ile methodumuzu çağırıyoruz. Jquery animate methodunun kendine özel parametleri var bu paremetreler ile efekt,yapacağımız işlem,kaç saniyede gelişeceği gibi eksra özellikleri bulunmakta şimdi biz yukarıdaki işlemde 2 tane parametre kullandık ilk önce yapılmasını istediğimiz işlemi,sonrasında ise 1 saniyede işlemin gerçekleşmesini istedik. Parametleri kullanırken {} işaretleri arasında virgül ile ayırarak kullanıyoruz şimdi bütün parametrelerini görelim
jQuery Animate metodu parametreleri 4 kısımdan oluşmaktadır:
.animate(özellikler, [süre(duration)], [görsellik(easing)], [tamamlandığında yapılacaklar(complete)]);
Özellikler: Animasyon ile değişecek olan CSS özellikleri (renk, genişlik, yükseklik, font boyutu v.b.)
Süre (duration): Animasyon süresini belirler. Süre milisaniye cinsinden girilir. 1 Saniye için 1000 yazılır.
Görsellik (easing): animasyon esnasında hangi görsel fonksiyonun kullanılacağı belirtilir.
Tamamlandığında Yapılacaklar (complete): Animasyon tamamlandığında yapılacak olanlar bir fonksiyon içerisinde belirtilir.

Telif Hakkı:
Problemi Şikayet Et!HAKKIMDA
Yazılım Uzmanlığı konusunda 11 yılı aşkın süredir Türkiye'de Cumhurbaşkanlığı olmak üzere Kurumlara ve Tüzel kişilere; Yön verme, Yücelik Sağlama ve Büyüme gereksinimlerinden doğan Yazılım ihtiyaclarına çözümler sunmaktayım.
<html>
<body>
<h5>
Yazılım
&
Teknoloji
</h5>
<p>
Dünyasına
Hoş Geldiniz.
</p>
</body>
</html>
Son Eklenen Konular
Nginx Nedir, Nasıl Çalışır, Kurulumu, Hata ve Çözümü
03 Haziran, 2022
Web Site | Web Tasarım | Web Yazılım
27 Nisan, 2022
Html URL ASCII Karakter kodları
04 Mart, 2022
Jquery Alert, Sweet alert, Dialog Kullanımı
03 Mart, 2022
Doğal Seo Çalışması Nasıl Yapılır?
19 Şubat, 2022
En Çok Okunanlar
Google api key nasıl alınır?
26 Eylül, 2013
Youtube Video'sunu Gif Yapma Gif'e Çevirme
17 Ağustos, 2013
linux çeşitleri nelerdir?
13 Ağustos, 2013
Php ile bot nasıl yapılır?
22 Eylül, 2013
Ajax ile sayfa yenilenmeden resim yükleme nasıl yapılır?
04 Ekim, 2013
İlgili İçerikler
-
03 Mart, 2022 1779
Jquery Alert, Sweet alert, Dialog Kullanımı
-
04 Ekim, 2013 10346
Ajax ile sayfa yenilenmeden resim yükleme nasıl yapılır?
-
28 Eylül, 2013 7652
jQuery ile sayfa yenilenmeden nasıl post gönderebilirim?
-
25 Eylül, 2013 2293
jquery ölcü fonksiyonları nelerdir?
-
09 Ağustos, 2013 3780
jquery mouseenter ve mouseleave nasıl kullanılır?
-
09 Ağustos, 2013 3335
jquery addclass ve css metodları nasıl kullanılır?