Jquery Tab Menü Yapımı | Metin Saraç

Jquery Tab Menü Yapımı

Jquery Tab Menü Yapımı

Merhaba arkadaşlar, konu aralığı oldukça uzun tuttuğum bir süreden sonra size uygulamasını anlatmaya çalışacağım, ben genelde wordpress sistemlerinin alt yapısında kullandığım bu jquery uygulamasını sizlerinde bir çok noktada kullanabileceğinize inanıyorum. Kodları döndürerek ve geliştirerek bir çok noktada farklı görüntüler ve sonuçlar yaratabilirsiniz.

 

Öncelikle Tab Uygulaması hakkında küçük bilgi vereyim, bu uygulamayla birlike aynı sayfa üzerinde birden fazla elementle birlikte farklı içerik gösterimi sağlayabilirsiniz.

Ayrıca ileri – geri butonları ile içeriğinizi ileriye geriye doğru elementlere tıklamadan götürebilirsiniz, jquery sayfalama işleminizi de bu kodlama üzerinden yapabilirsiniz. Kodları araştırırken bulduğum kaynak Tayfun Erbilen’e sonsuz Teşekkürler.

Demo

Şimdi kodlara geçelim.

Öncelikle kütüphane üzerinden

jquery-latest.min.js

adlı Dosyamızı indiriyoruz, demo üzerinde aktif halde vardır oradan da alabilirsiniz..

HTML kodlarımız.

 

CSS Kodlarımız

JS Kodlarımız

<script src=”http://code.jquery.com/jquery-latest.min.js” type=”text/javascript”></script>

Kodumuzu ekledikten sonra kendimize göre css’leri biçimlendirerek güzel bir sonuç elde edebiliriz.

Kolay gelsin, iyi çalışmalar.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Benzer Yazılarkategori bazlı

karabuk haber