astropaykartsatis.net
User Tag List

Yeni Konu Aç Cevap Yaz
25.06.2009, 02:28 1 (permalink)
iyinet
iyinet Paylaşım için teşekkürler
  • Neredenİzmir Şubesi
  • Üyelik Tarihi2.09.2002
  • Ticaret Sayısı0
  • Mesajlar5,572
jquery ders 2 - animate #permalink (permalink)
Bu ornekte, Jquery nin animate() fonsiyonunu inceleyecegiz.

animate() fonsiyonu, belli bir id ye yada class yada tag ozelligine sahip objeler uzerinde animasyon yapmamizi sagliyor.

Ornegin bir div in boyunu degistirmek, yada opcity yi degistirmek, font buyuklugunu degistirmek, border eklemek gibi...

Asagidaki ornekte 1. div gorunurken 2. div gizlenmistir.

Ornek script linki: http://www.iyinet.com/jquery_dersler...y_ders_02.html
Konu açmadan önce " FORUM KURALLARI " bölümünü gözden geçirin.

Her türlü soru, öneri, memnuniyet, şikayet ve bilgi taleplerinizi iletmek için " MAİL " adresimizi kullanabilir veya " İLETİŞİM FORMU " üzerinden bizlere ulaşabilirsiniz.

Kurallara Uyduğunuz için Teşekkürler !
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 08:50 2 (permalink)
GNeRaL
  • Üyelik Tarihi24.02.2005
  • Yaş30
  • Ticaret Sayısı0
  • Mesajlar1,947
iyinet, teşekkürler!

Bir sorum olacak;
Kod:
<p><a href="javascript:void(0)" onclick="$(\'#divim1\').fadeIn()">Üye girişi</a> yaparak
ve

Kod:
<div id="divim1" style="display:none;padding:10px;width:600px">Kullanıcı adı:<p>Parola:</div>
yapıyoruz. Ben şöyle bir şey istiyorum;

İlk tıkta fadeIn(); oldu, diğer tıkta da eski haline dönsün fadeOut(); olsun.

mümkün mü?
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 11:46 3 (permalink)
peep
  • NeredenTekirdağ Şubesi
  • Üyelik Tarihi19.05.2007
  • Yaş26
  • Ticaret Sayısı0
  • Mesajlar4,048
çok güzel birşey bu
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 21:50 4 (permalink)
iyinet
iyinet Paylaşım için teşekkürler
  • Neredenİzmir Şubesi
  • Üyelik Tarihi2.09.2002
  • Ticaret Sayısı0
  • Mesajlar5,572

iyinet, teşekkürler!

Bir sorum olacak;

Kod:
<p><a href="javascript:void(0)" onclick="$(\'#divim1\').fadeIn()">Üye girişi</a> yaparak
ve

Kod:
<div id="divim1" style="display:none;padding:10px;width:600px">Kullanıcı adı:<p>Parola:</div>
yapıyoruz. Ben şöyle bir şey istiyorum;

İlk tıkta fadeIn(); oldu, diğer tıkta da eski haline dönsün fadeOut(); olsun.

mümkün mü?


Elbette onu da 3. derste gostereyim o zaman.
Konu açmadan önce " FORUM KURALLARI " bölümünü gözden geçirin.

Her türlü soru, öneri, memnuniyet, şikayet ve bilgi taleplerinizi iletmek için " MAİL " adresimizi kullanabilir veya " İLETİŞİM FORMU " üzerinden bizlere ulaşabilirsiniz.

Kurallara Uyduğunuz için Teşekkürler !
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 22:13 5 (permalink)
iyinet
iyinet Paylaşım için teşekkürler
  • Neredenİzmir Şubesi
  • Üyelik Tarihi2.09.2002
  • Ticaret Sayısı0
  • Mesajlar5,572
3. ders burada: http://forum.iyinet.com/jquery-scrip...-3-toggle.html
Konu açmadan önce " FORUM KURALLARI " bölümünü gözden geçirin.

Her türlü soru, öneri, memnuniyet, şikayet ve bilgi taleplerinizi iletmek için " MAİL " adresimizi kullanabilir veya " İLETİŞİM FORMU " üzerinden bizlere ulaşabilirsiniz.

Kurallara Uyduğunuz için Teşekkürler !
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
Yeni Konu Aç Cevap Yaz
Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Seçenekler
Yetkileriniz
Konu Acma Yetkiniz Yok Cevap Yazma Yetkiniz Yok Eklenti Yükleme Yetkiniz Yok Mesajınızı Değiştirme Yetkiniz Yok
BB code is Açık Smileler Açık [IMG] Kodları Açık HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Forum Kuralları
Benzer Konular
Konu Konuyu Başlatan Forum Cevap Son Mesaj
Jquery Öğreniyoruz - Ders 1 trgy Jquery Dersleri 15 22.01.2013 14:35
jQuery Animate Menu3 By M.Y kapsul20 Webmaster Genel Konular 0 27.10.2010 22:47
Jquery Öğreniyoruz - Ders Arşivi trgy Jquery Dersleri 0 11.09.2010 13:43
jquery ders 3 - toggle iyinet jquery scriptler 5 12.04.2010 20:33
jquery ders 1 - fadeIn ve fadeOut iyinet jquery scriptler 9 25.06.2009 15:14

Forum Saati: 17:37. Zaman dilimi GMT +3 olarak ayarlanmıştır.
Powered by vBulletin™ Version 3.8.7
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.