jquery ders 1 - fadeIn ve fadeOut

iyinet

Bu örnekte Jquery nin fadeIn() ve fadeOut() fonsiyonlarını kullanarak HTML sayfamızdaki bir DIV i saklayıp gösteriyoruz.

Kod çok basit:

onclick="$('#divim').fadeOut()" -> gizle
onclick="$('#divim').fadeIn()" -> goster

$('#divim') = divim id li div üzerinde işlem yapmamızı sağlıyor.
$('#divim') = document.getElementById('divim') metoduna eşdeğerdir.

Demo: http://www.iyinet.com/jquery_dersleri/jquery_ders_01.html

airweb@netrap.netairweb · 23 Haziran 2009

Teşekkürler....
Effectindeki o geçiş hoşuma gitti.

Loi · 23 Haziran 2009

Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?

iyinet · 23 Haziran 2009

Loi' Alıntı:
Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?

Baslatiriz tabi, onuda 2. derste anlatayim.

ejder · 23 Haziran 2009

tahminim

<body onload="$('#divim').fadeOut()"

atay · 23 Haziran 2009

Loi' Alıntı:
Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?

Kod:

<div style="display=none;">

şeklinde ayarlayın divi, jquery fadein yapınca zaten none tagını kaldıracaktır.

OnurSQL · 23 Haziran 2009

Loi' Alıntı:
Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?

Kod:

$(document).ready(function(){ 
  $('#divadi').hide(); // id 
  $('div.sinifadi).hide(); // class
  $('h1').hide(); // elementler
 */
}

merak ettiğiniz konular hakkında ben de ders hazırlayabilirim.

GNeRaL · 23 Haziran 2009

Gayet güzel, paylaşımın devamını beklemekteyiz,

Teşekkürler

GNeRaL · 24 Haziran 2009

Şu sorumu burada sormam gerekti sanırım,

Kod:
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ü?

atay · 25 Haziran 2009

GNeRaL' Alıntı:
Şu sorumu burada sormam gerekti sanırım,

http://docs.jquery.com/Effects/slideDown#speedcallback