• 0 Oy - 0 Ortalama
  • 1
  • 2
  • 3
  • 4
  • 5
jQuery ile Sekme Yapımı

 
#1

Merhaba arkadaşlar,

Bu dersimizde jQuery ile sekme yapacağız. Sekme de diyebilirsiniz tabmenüde diyebilirsiniz o size kalmış Smile Ben sekme diyorum. Neyse fazla uzatmadan dersimize geçelim.

Kodumuz : 




Kod:
<div class="sekmeAlani">

<!--[if !IE]>sekmeler<![endif]-->

<ul class="sekmeler">

<li class="s1"><a href="javascript:void(0);" class="s1">Sekme1</a></li>

<li class="s2"><a href="javascript:void(0);" class="s2">Sekme2</a></li>

<li class="s3"><a href="javascript:void(0);" class="s3">Sekme3</a></li>

<li class="s4"><a href="javascript:void(0);" class="s4">Sekme4</a></li>

</ul>



<!--[if !IE]>sekme icerikleri<![endif]-->

<div class="s1">...</div>

<div class="s2">...</div>

<div class="s3">...</div>

<div class="s4">...</div>

</div>

</body>



Üstüne alttaki kodları ekleyiniz



Kod:
<script type="text/javascript" src="jquery.js"></script>


Ardından ise jquery.js dosyasını ana dizinde oluşturup içine alttaki kodları ekleyiniz.



Kod:
$(document).ready(function() {

$('div.sekmeAlani ul.sekmeler li a').click(function(){

$(this).parent('li').addClass('sekmeSecili').siblings().removeClass('sekmeSecili');

var mevcutSinif = this.className.slice(0,2);

$('div.sekmeAlani > div').hide().filter('div.'+mevcutSinif).show();

});

$('.sekmeAlani ul.sekmeler li a:first').click();

});


İşlem bukadar basittir.



Bul
Alıntı


Benzer Konular...
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  jQuery ile Farenin Sağ Tuşuyla Açılan Menü sent 0 2,501 08-04-2017, Saat: 18:04
Son Mesaj: sent
  jQuery ile Sınırları Zorlayın sent 0 2,431 08-04-2017, Saat: 17:49
Son Mesaj: sent
  jQuery nedir ? sent 0 2,549 08-04-2017, Saat: 16:48
Son Mesaj: sent
  Jquery Isotope ile Animasyonlu Nesne Değişimi sent 0 2,680 08-04-2017, Saat: 16:18
Son Mesaj: sent

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


Bu konuyu görüntüleyen kullanıcı(lar):
1 Ziyaretçi

   
Türkçe Çeviri: Emre KRMN, Kodlayanlar MyBB, © 2002-2024 MyBB Group.  



Merih Forum® bilgi paylaşım platformu. 2015-∞ Tüm hakları saklıdır.