JQuery, CSS kullanmayı ve sitenize aşağı açılabilir menü eklemeyi öğrenmek istiyorsanız bu yazımız sizin için faydalı olacaktır. Örnekleri inceleyip isterseniz sizler de kendi siteniz için ücretsiz bir şekilde indirerek yararlanabilirsiniz. Aşağı açılabilir menünüzün responsive özelliğinin bulunması günümüz ilerleyen teknolojisinde önem arz etmektedir. Teknolojinin gelişmesiyle birlikte bilgisayar, tablet ve mobil cihaz kullanımı artmış durumda. Responsive özelliği; bu cihazların ekran çözünürlüklerine göre duyarlı davranarak kullanıcıya cihaz ve çözünürlük bağımsız olarak her platformda rahat bir gezinme sağlar.
Web sitenizin link ekleme özelliğine sahip olması da önemlidir. Link özelliğiyle kastedilen gezindiğiniz site sizi başka bir sayfaya veya resim ya da dosyalara yönlendirmek istediğinde bu geçiş için bağlantı sağlamasıdır. Mouse işaretçisi işaret parmağına dönüştüğünde bir şeyin link (hyperlink) olduğunu anlayabilirsiniz. Bazen hyperlinkler açılan menüler, küçük animasyonlu filmler veya reklamlar şeklinde olabilir. Aşağıda bunun için örnekler bulabilirsiniz. Çift dokunma, sitenize eklemeniz gereken diğer özelliklerdendir. Uygulama ile ekrana çift dokunarak telefonu kapatabilirsiniz.
1. JQuery ile Responsive Aşağı Açılır Menü
Bu örnekte sadece CSS kullanarak nasıl aşağı açılabilir menü gezintisi yapabileceğinizi görebilirsiniz.
3. CSS ile Bootstrap Mega Menü
5. Flexbox
6. JQuery ile Aşağı Açılır Responsive Menü
7. JQuery ile 3-Level Responsive Aşağı Açılır Menü
8. Renk Kodlu Aşağı Açılır Menü
10. CSS ile Sade Aşağı Açılır Menü
12. Araç Çubuğu (Tooltip) Menüsü
14. Basit, Youtube Menü Efekti
15. Responsive Çok Katmanlı Menü
16. Yatay, Aşağı Açılır Büyük Menü
17. Responsive, Çok Katmanlı Açılır Menü
18. CSS3 ile Canlandırılmış Aşağı Açılır Menü
19. CSS3 ile Renkli Canlandırılmış Aşağı Açılır Menü
Bu örnekte, yalnızca CSS3 ve Font Awesome icon font (simge tipi) kullanarak renkli aşağı açılabilir menü oluşturacağız. Font, harflerin harita karakterlerinin katılmasıyla oluşturulur. Her tarayıcıda çalışan güzel simgeler oluşturabilmek için HTML5 önerilmektedir.
20. CSS3 ile JQuery Aşağı Açılır Menü
21. Sayfa Başlıklı Aşağı Açılır Menü
22. CSS3 ile Büyük, Resimli Aşağı Açılır Menü
24. Ok Yönlü, Aşağı ve Yatay Açılabilir Menü
25. CSS3 ile Aşağı Açılır Menü Öğeleri
26. Flexbox Aşağı Açılır Navigation Menü
27. HTML5, CSS3 ve JQuery ile Aşağı Açılır Nav Menü
28. CSS3 ile Aşağı Açılır Menü
30. JQuery ve CSS3 ile Aşağı Kaydırılabilen Menü
31. JQuery ile Büyük Menü Oluşturma 2
32. Aşağı Açılır Navigation Menü
33. CSS3 ile Havalı Aşağı Açılır Menü
34. CSS3 ile Basit Animasyonlu Aşağı Açılır Menü
36. CSS3 ile Aşağı Açılır Menü Oluşturma 2
37. CSS3 ile Aşağı Açılır Menü Oluşturma 3
38. CSS3 ile Aşağı Açılır Menü 3
39. CSS3 ile İkonlu Menü Oluşturma
40. CSS Navigation
41. CSS3 Navigation