ABD Münbiçi bırakır mı ?

ABD, Münbiçin yarısı sizde yarısı bizde kalsın dedi

SON 20 YILDA OSCAR KAZANAN KADINLAR

Son 20 yılda En İyi Kadın Oyuncu kategorisinde Oscar kazanan oyuncuların listesi...

AFRİN HAREKATI

Zeytin Dalı Harekatında teröristlerden temizlenen bölge artıyor

Silkroad XIAN

Silkroad sevdalıları için bir server

  • Toplam: 0 Oy - Ortalama: 0
  • 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.



Ara
Cevapla


[-]
Hızlı Cevap

İnsan Doğrulama:
Aşağıda görünen onay kutusunu işaretleyiniz. Bu işlem otomatik spam kayıtları önlemek için kullanılır.

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  jQuery ile Farenin Sağ Tuşuyla Açılan Menü sent 0 1,108 08-04-2017, Saat: 17:04
Son Yorum: sent
  jQuery ile Sınırları Zorlayın sent 0 1,114 08-04-2017, Saat: 16:49
Son Yorum: sent
  jQuery nedir ? sent 0 1,139 08-04-2017, Saat: 15:48
Son Yorum: sent
  Jquery Isotope ile Animasyonlu Nesne Değişimi sent 0 1,228 08-04-2017, Saat: 15:18
Son Yorum: sent

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


Konuyu Okuyanlar:
1 Ziyaretçi

   
Türkçe Çeviri: MCTR, Forum Yazılımı: MyBB, © 2002-2018 MyBB Group.  



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