Yeni Başlayanlar için jQuery Dersleri 2: animate() Metodu

Haz 24, 2011 10 Yorum

Merhabalar.. Çok uzun bir zaman geçti fakat yeni başlayanlar için jQuery Video Dersleri serisini sürdürüp bu konuyu kapatmak istedik. İkinci ders olarak sizlere jQuery animate() metodunu basit bir şekilde kullanarak öğretmeye çalıştık.

jQuery Animate metoduyla herhangi bir nesneye click fonksiyonuyla bir animasyon kazandırdık.

Click fonksiyonu belirlenen nesneye tıklanmasıyla (this).animate komutundan sonra gelen left, right, height veya width gibi değerlerle o neseneye animasyon kazandırılır. left ve right gibi yön belirten terimler nesneyi hareket ettirirken width ve height gibi büyüklük belirten terimler ise nesnenin boyutunu yeniden şekillendirir.

Video’yu izleyerek daha iyi anlayabilirsiniz. Umarım yardımcı olabilmişimdir.

Başlangıç Dersleri, jQuery Dersleri

Yazar Hakkında

jQueryDesign.com Takipçilerine, paylaşımlarda bulunmayı seven, jD ailesi başkanı.

10 Yorum to “Yeni Başlayanlar için jQuery Dersleri 2: animate() Metodu”

  1. Sonbahar dediki:
    25 Haziran 2011, 22:34

    Teşekkürler, devam devam :)

  2. Hilal dediki:
    26 Haziran 2011, 00:34

    Güzel olmuş devamını bekleriz

  3. Hilmi dediki:
    26 Haziran 2011, 07:32

    Yine süper bir ders olmuş teşekkürler

  4. jD dediki:
    26 Haziran 2011, 07:36

    Devamı gelecek tabiki de :)

  5. Adınız dediki:
    02 Temmuz 2011, 14:14

    Teşekkürler yine güzel bir anlatım olmuş.

  6. kaan dediki:
    19 Temmuz 2011, 21:41

    süper video teşekkürler

  7. orhanbatu dediki:
    11 Eylül 2011, 16:12

    Hocam sper bir anlatım eline ağzına klavyene sağlıkk :)

  8. fatih dediki:
    02 Kasım 2011, 19:30

    Merhaba admin öncelikle böyle güzel bir site hazırlaadığın için tşk ler google da üstlerde çıkmayı hakediyorsun.Ben 2 gündür jquery bakıyorum ve okadar eğlenceli geliyor anlatamam.Bu aralar html5 de bakıyorum gerçekten çok güzel şeyler yapılabiliyor.Bilgi paylaşımınıza tşk eder yazılarınızın devamını bekleriz…

  9. zall dediki:
    29 Kasım 2011, 03:21

    teşekkürler hocam çom iyi olmuş

  10. burak dediki:
    01 Şubat 2012, 16:54

    güzel :)

Yorum Bırakın

CSS Konuları

jQuery ile Pull Out İçerik Paneli

Pull Out content panel’den kastımız web sayfasının aşağı doğru sonuna gelindiği taktirde alt kısımda oluşan içerik panelinden başka birşey değildir. Fakat bu oluşum yeni web sitesi tarzları ve kullanıcıya bir alternatif sunabilmek için yapılabilecek muntazam bir eklentiye benziyor.Pek çok webmaster, içeriklerini ekranına sığdırabilmek denemedikleri yol kalmıyor. Dolayısıyla bu hem internet sitelerinde karışıklığa hem de kullanıcının [...]

jQuery – CSS Stack (Yığın) Menüsü

Zingocan da, şu konuda bahsettiğim jQuery Menü’süne alternatif olarkak CSS özelliklerinden de yararlanılmış stack menü.. javascript kısmı diğer plugine çok benzese de asıl plugini amacı çok farklı .Menüden oluşan pluginlere özellikle bir de hover metodu uygulanmış ve bu menülerin üzerine gelindiğinde hoş bir tasarım oluşmakta.. Ayrıca sağ tarafta ise plugini açıklayan güzel bir javascript mevcut.. [...]

CSS Dersleri -2 [Stiller]

CSS Text Stilling denilen Yazı stilleri, yazılara stil kazandırma özelliklerini göstereceğim.. Bu özellik bir kaç bölümden oluşacaktır. İlk olarak; Yazı Renkleri (Text Color): CSS üzerinde çalışırken renk ayarlarını 3 şekilde gösteririz. Bunlar; İsim – Rengin ingilizce ismi, Örneğin; red, green, black gibi. RGB – RGB Değeri girerek, Örneğin;”rgb(255,0,0)” Hex – Hex değeri olarak geçen, türkçeye [...]

Yeni Başlayanlar için CSS

CSS adına birkaç tane kural söyledikten sonra ufak bir örnekle derslerimize başlayalım; CSS kodlarını yazarken mutlaka seçicileri kullanmalıyız. CSS içeirsinde bir takım özel seçiciler mevcuttur. Bunları kullanmak için seçici adını girdikten sonra stil değerini iki süslü parantez ( { …. } ) arasına girmeliyiz. Diğer seçicileri kullanırken  class seçicisinin önüne . (nokta) id seçicilerinin önüne [...]

jQuery Kayıt Formu [PHP + JQUERY + CSS3]

jQuery pluginlerinin artık her yerde kullanıldığı ve Ajax adı altında yıllarca sunduğumuz hikayenin adını jQuery ile değiştiği bu dönemlerde her nesneye uygun bir jQuery Plugini bulmak  artık çok kolay.. jQuery Plugin kütüphanesi içerisinde binlerce farklı örneği olan form Pluginlerinden bir tanesidir. Tutorialzine Pluginlerinden olan jQuery Signup formu aşağıda verdiğmiz açıklamalar ile kendinize uyarlayabilirsiniz. Kullanım ve [...]