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