Jquery Tab Yapımı – Tasarım Kodlama
Jquery

Jquery Tab Yapımı

JQuery ile show() (göster) ve hide() (gizle) metotlarını kullanarak sayfamıza eklediğimiz html etiketlerini gösterip gizleyebiliriz.

Örnek: Sayfamızdaki tüm paragraf etiketlerini gizleyelim.

Css metodu ile html etiketlerinin biçim özelliklerini değiştirebiliriz.

Örnek: Sayfamızın arkaplan rengini kırmızı yapalım.

Yukarıdaki bilgilerden basit bir sekmeli (tab) menü yapabiliriz.

Sekmeli yapıyı ilk olarak html ve css kullanarak tasarlamamız gerekiyor.

Yukarıda yaptığımız sekme uygulaması çalışmakla beraber sürekli tekrarlayan kod parçaları içermektedir ve sekme sayısı arttıkça jquery kodlarıda oldukça uzayacaktır. Bir kaç jquery özelliği kullanarak çok daha kısa kod yazarak bu menüyü oluşturabiliriz.

CSS kodları

HTML kodları

JQUERY kodları

JQuery kodlarının çalışması için head etiketleri arasına aşağıdaki kodu eklemeyi unutmayın.

 

Yorum bırak