Jquery İle Bir Nesneyi Gizleme Veya Gösterme

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Jquery İle Bir Nesneyi Gizleme Veya Gösterme

23/May/11 21:42 Kısayol Şikayet Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

<script type="text/javascript" src="jquery-1.3.2.min.js">

</script>

jQuery kütüphanemizi <head></head> etiketleri arasına katıyoruz.

<button>Örnek 3</button>

Örnek 3 değişecek yazı

<script>

$("button").click

(

function()

{

$("p").slideToggle("slow");

}

);

</script>

İyi jQuery'li günler :)

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap
23/May/11 21:43 Kısayol Şikayet Özel Mesaj

Holyzone

Kayıt Tarihi: 13/Ekim/2008

Teşekkürler hocam

CSS3 + jQuery + HTML5 üçlemesi ile gerçekten mükemmel işler yapabilirsiniz. bkz:themeforest.com

daha fazla jQuery örneği için; http://api.jquery.com/

Alıntı yap
23/May/11 22:47 Kısayol Şikayet Özel Mesaj

angels_demos

Kayıt Tarihi: 03/Haziran/2006

yanlız html5 ve css3 pek kullanma taraftarı değilim açıkcası şu anda. hala büyük bi çoğunluk ie7 kullanırken pek sağlıklı değil. ama muhteşem uygulamalar var

Alıntı yap
24/May/11 00:23 Kısayol Şikayet Özel Mesaj

yawuz

Kayıt Tarihi: 17/Temmuz/2005

lazım olası bir olay

tahribat.com a can feda

Alıntı yap

24/May/11 00:56

Kısayol

Şikayet

Özel Mesaj

TxT

Kayıt Tarihi: 13/Eylül/2007

jQuery ile klasik olarak".hide()" ve ".show()" kullanarak gizle & göster yapmakla beraber farklı yöntemlerlede yapılabilir, hide(), show() özelliklerini kullanarak parametre olarak da "slow" ve "fast" ile yapılan kod örneğini veriyorum..

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery ile Gizle &amp; Göster</title>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#gizle").click(function(){
			$("p").hide('slow');
		});
		$("#goster").click(function(){
			$("p").show('fast');
		});
	});
</script>
</head>
<body>
	<div id="gizle">Gizle</div>
	<div id="goster">Göster</div>
	<p> Gizlenecek ve gösterilecek olan içeriğimiz..</p>
</body>
</html>

Burayı bolca didikleyin.. http://docs.jquery.com/Main_Page

Alıntı yap

Toplam Hit: 2075 Toplam Mesaj: 5

Cevapla