jQuery animate() Metodu nasıl kullanılır?

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şecek$('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.

 

Hoşgeldiniz, Ben İsmail Gültekin
Yazılım Mühendisi & Marka Direktörü

Yazılım Uzmanlığı ve Direktörlüğü konusunda 9 yılı aşkın süredir Türkiye'de Kurum 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.

Kurum olarak; Bankalar, Kanallar, Hastaneler, Belediyeler, Kamu ve bakanlıkların yanı sıra Tüzel kişilerde Sanatçılar, Yönetmenler, Belediye başkanları ve firma sahiplerine projelerinde hizmet veriyorum.

Yarışma organizasyon yazılımlarının algoritma geliştiricisi ve yaratıcısı olarak anılmaktayım. Aynı zamanda Türkiyenin en büyük Sosyal Sorumluluk Projelerinden biri olan Haydi el ele'ninde kurucusuyum

İletişim Bilgilerim

Faydalı bir projede görüşmek dileğiyle..

  • akinismailgultekin@gmail.com
  • İstanbul/Mecidiyeköy
  • 0212- 217 99 88
  • Ad/İsmail Gültekin
  • Doğum Tarihi/01, 12, 1988
  • website/www.ismailgultekin.com.tr

Mesaj Bırakın

Teşekkürler Mesajınız iletildi En kısa Zamanda geri dönüş yapacağım.

Bir problem oluştu lütfen tekrar deneyin

Tüm alanları eksiksiz Doldurun.

Özgeçmiş

Sonrakini Gör/Önceki Sayfa

Kurumlar

  • İstanbul Ajans Medya Marka Direktörü
    2014 - 2015

    İstanbul ajans medya Marka direktörü olarak web/kreatif projelerini Yönetmen Mustafa Önen önderliğinde Gerçekleştirdik.

  • İamistanbul.tv Yazılım şefi/Algoritma uzmanı
    2012 - 2014

    İamistanbul.tv videolu şehir portalı projesinde Ünlü Yönetmen Mustafa Mayadağ önderliğinde Yazılım/Algoritma uzmanı olarak görev aldım

  • BirNC Yazılım Şefi
    2011 - 2012

    birnc.com birNC yazılım firmasında yazılım şefliği görevini üstlendim

Becerilerim

  • Proje Kordinatörlüğü 96%

  • NodeJs 76%

  • HTML5/CSS3 92%

  • Php Codeigniter 98%

  • Social Ağ 87%

Sağladığım Hizmetler

  • Linux
  • Coding
  • Responsive
  • Planing
  • Codeigniter Web
  • NodeJS, Javascript, Jquery

Yaptığım Yarışmalar

  • Senaryo Yarışması
    2013 - 2014

    Jüriliğini Ömür gedik, Yüksel Aytuğ Hıncal uluç Gibi isimlerin Yaptığı senaryo yarışmasının Yazılım ve algoritmasını Üstlendim

  • Hip-Hop Yarışması
    2012 - 2013

    Türkiyede gençlerin popüler dinlediği müzik yarışması büyük bir yankı yapmıştı Yazılım ve algoritmasını üstlendim