Hadi yön tuşlarıyla div oynatalım!

Başlık zaten kendi kendine açıklıyor herşeyi sanırım 🙂

Sayfamıza ekleyeceğimiz div’imizi yön tuşları yardımıyla sağa-sola oynatalım.. Basit bir örnekle göstereceğim ben ama siz bunu kullanarak neler yapabilirsiniz kim bilir 😀

Bu arada bunu yaparken gene jquery nin nimetlerinden faydalanacağız. Evet herşeyde jquery içeriyor, isyan etmeyin boşuna çünkü gerçekten yararlı/faydalı şeyler çıkıyor arada 😀

Neyse biz yapacağımız şeye dönecek olursak jquery.com sitesinden en son jquery sürümünü indiriyoruz en başta. Sonrasında oynatacağımız div’imizi oluşturuyoruz tabiki..

Div’in id’sine dikkat edersek isim olarak kutu verdik. Ve biz bu div’i oynatırken de bu id’ye göre oynatacağımız için bu id’yi unutmamamızda fayda var.
Sonrasında bu div i oynatabilmek için kullandığımız kodları sayfamıza ekleyelim.

Burada ise her tuşun karşılığına yapacağı işlemi tanımladık. 1.de sağa, 2.de aşağıya gibi..
Bunu da yaptıktan sonra sayfamızın üst kısmında indirdiğimiz jquery.js dosyasını da çağırdıkmı işlem tamamdır 🙂
Biz ufak kutumuzu oynatmayı başardık, artık siz neler yapabilirsiniz sizin hayal gücünüze kalmış o da.

Bu arada örnek dosyaya buradan ulaşabilirsiniz.

Genel olarak web üzerine yoğunlaşan, gaza gelmek için müzik dinleyen, amatör olarak resim çekmeye çalışan, bir yandan özel bir şirkette çalışıp, diğer yandan da okumaya devam eden sıradan bir ölümlü. He bide buraların sahibi.

Leave a reply:

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.