Sitelerinizde etkileşimi kolaylaştırmak için jQuery ile yatay tab menü rneğinin ikinci rneği Sitil betiklerimiz body . ortalayici . cb h1 . stab-yatay . stab-yatay. stab-baslik . stab-yatay. stab-baslik > li . stab-yatay. stab-baslik > li:first-child . stab-yatay. stab-baslik > li. aktif . stab-yatay. stab-icerik . stab-yatay. stab-icerik > li . stab-yatay. stab-icerik > li:first-child . stab-yatay. stab-icerik > li h5 . stab-yatay. stab-icerik > li a . stab-yatay. stab-icerik > li a:hover . stab-yatay. stab-icerik > li. yazi . stab-yatay. stab-icerik > li. yazi. tarih . ontedi jQuery Betiğimiz jQuery . ready(function { jQuery . addClass ; jQuery . live("click", function ); }); Html Betiğimiz <div class="ortalayici"> <h1>jQuery Tab Menü rnek 2</h1> <div class="stab-yatay"> <ul class="stab-baslik"> <li>Haberler</li> <li>Bizden</li> </ul> <div class="cb"></div> <ul class="stab-icerik"> <li> <div class="yazi"> <h5>CES 2014 Tüketici Elektronik Fuarı</h5> <p>Tüketici elektroniği sektrü için yılın en büyük olayı kuşkusuz Las Vegas'ta her yıl Ocak ayının başında düzenlenen, sektrde kısaca CES olarak bilinen Consumer Electronic Show. Fuar bu yıl 7-10 Ocak tarihlerinde yapılıyor.</p> <span class="tarih">11 Mart 2014 Salı</span><a href="">daha...</a> </div> </li> <li> <div class="yazi"> <h5>Yeni Şubemiz Açıldı</h5> <p>Ankara Beysukent'te yeni şubemizi açtık.</p> <span class="tarih">18.03.2014 12:52:19</span><a href="">daha...</a> </div> <div class="yazi"> <h5>Facebook sayfamız yayında!</h5> <p>Ürün grsellerimizin bulunduğu facebook sayfamız yayında</p> <span class="tarih">11.03.2014 10:31:53</span><a href="">daha...</a> </div> </li> </ul> </div> <a class="ontedi" href="http://www.ontedi.com">www. ontedi.com</a> <div class="cb"></div> </div> Çalışmamızın gsterimi Güle güle kullanının http://www.ontedi.com/javascript/jquery-tab-menu-ornek-2 Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.