jQuery ile css değiştirme

07-01-2013, 10:59:23

Leo

arkadaşlar jquery kullanarak sitede iki css kullanmak istiyorum isteyen kişi butona tıklayarak istediği görünüme geçsin istiyorum

Buton 1 | Buton 2
Buton 1 'e tıklandığında style/css1.css
Butoon 2 'ye tıklandığında style/css2.css
seçilsin istiyorum bunun için ne yapmam gerekir jquery de iyi değilim örnekle belirtirseniz sevinirim.

07-01-2013, 12:16:58

#2

CssValley

Misafir

merhabalar şu şekilde yapılır...

<div id="degistirButonlari">
<div id="stilDegistir" rel="stil1" style="cursor:pointer;">Stil 1</div>
<div id="stilDegistir" rel="stil2" style="cursor:pointer;">Stil 2</div>
<div id="stilDegistir" rel="stil3" style="cursor:pointer;">Stil 3</div>
<div id="stilDegistir" rel="stil4" style="cursor:pointer;">Stil 4</div>	 
</div>

<div id="ornekMetin">
Deneme içerik yazıları birazdan diğer stillere tıklandığında bu yazıların da değiştiğini göreceksiniz! (Renk olarak...)
</div>

	<script type="text/javascript">
	// idilmiray.com jquery & ajax system developer
	$("#stilDegistir").live("click",function(){
		var secilenStil = $(this).attr("rel");
		$("#simdikiStil").attr("href",secilenStil+".css");
		$("#stilBilgisi").html("Şu an <u>"+secilenStil+".css</u> gösteriliyor!");
	});
	</script>

çalışan örneği
ve
indirme linki

Leo bunu beğendi.

1 kişi bunu beğendi.

07-01-2013, 12:18:52

#3

Leo

Budur diyorum ellerine sağlık dostum

xaqpax adlı üyeden alıntı: mesajı görüntüle

merhabalar şu şekilde yapılır...

<div id="degistirButonlari">
<div id="stilDegistir" rel="stil1" style="cursor:pointer;">Stil 1</div>
<div id="stilDegistir" rel="stil2" style="cursor:pointer;">Stil 2</div>
<div id="stilDegistir" rel="stil3" style="cursor:pointer;">Stil 3</div>
<div id="stilDegistir" rel="stil4" style="cursor:pointer;">Stil 4</div>     
</div>

<div id="ornekMetin">
Deneme içerik yazıları birazdan diğer stillere tıklandığında bu yazıların da değiştiğini göreceksiniz! (Renk olarak...)
</div>

    <script type="text/javascript">
    // idilmiray.com jquery & ajax system developer
    $("#stilDegistir").live("click",function(){
        var secilenStil = $(this).attr("rel");
        $("#simdikiStil").attr("href",secilenStil+".css");
        $("#stilBilgisi").html("Şu an <u>"+secilenStil+".css</u> gösteriliyor!");
    });
    </script>

çalışan örneği
ve
indirme linki

07-01-2013, 14:51:15

#4

rob33n

Kimlik doğrulama veya yönetimden onay bekliyor.

toggleClass veya switchClass'ta kullanabilirsin.
http://api.jqueryui.com/toggleClass/
http://jqueryui.com/switchClass/