jquery ders 2 - animate

Root
Root
İyinet Ekibi
Onaylı Üye
Katılım
2 Eylül 2002
Mesajlar
5,043
Tepki puanı
77
Konum
SEO
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_dersleri/jquery_ders_02.html
 
0
Onaylı Üye
Üye
Katılım
23 Şubat 2005
Mesajlar
2,869
Tepki puanı
18
Konum
Samsun
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ü?
 
Root
Root
İyinet Ekibi
Onaylı Üye
Katılım
2 Eylül 2002
Mesajlar
5,043
Tepki puanı
77
Konum
SEO
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.
 
Geri
Üst