jQuery ile Bir Nesnenin Yerini ve Rengini Değiştirme

Tıklanılan bir nesnenin rengini ve yerini değiştirmemiz için gereken kod.

Bu jQuery makalemizde tıklanan bir nesnenin css niteliklerini değiştirmeye değineceğiz. Burada bilmemiz gerekenlerden birisi de olayların gerçeklemesi için bir olayın geçmesi gerekmektedir. Bunlardan birkaçı; click (tıklanınca), load (yüklenince), hover(üzerine gelince) vs... Bu makalede click(tıklanınca) olayı gerçeklemesi durumundaki işlemi yapacağız.
Öncelik olarak css sınıfı hazırlayalım
CSS Sınıfı (Varsayılan)
.varsayilan_css{background-color:#009999;padding:15px;}

Sonradan eklenecek css sınıfını hazırlayalım
CSS Sınıfı (Sonradan Eklenen)
.sonradan_eklenen_css{margin:0 0 0 40%;background-color:#FF0000;padding:15px;}
jQuery betiklerimizi hazırlayalım
jQuery Betikleri
// Her şey hazır olduğu an burası işler
$(document).ready(function()
{
	// id değeri link2 olan elemana tıklayınca başla diyoruz.
	$("#link2").click(function(event)
	{
		// id değeri link2 olan elementin varsayılan css betiğini sil diyoruz
		$("#link2").removeClass("varsayilan_css");
		// Aynı elemente aktif olmasını istediğimiz stili ekliyoruz
		$("#link2").addClass("sonradan_eklenen_css");
	});
});
Örnek
Yeri ve Rengi Değişecek Nesne

Yorumlar

Henüz hiçbir yorum yazılmamış. İlk yorumu siz yapın.

Yorum Yaz

Avatar

REKLAM

DDos Koruma, Botnet Koruma, Layer 7 Saldırı koruması, Sanal sunucu, Vds sunucu

REKLAM

Çizgi Filmler

EN

  • Popüler
  • Yeni
  • Son Yorum