40+ ÜCRETSİZ CSS, JQUERY, AŞAĞI AÇILIR MENÜ( DROP DOWN) EKLENTİSİ

Görüntülenme : 153

Güncellenme Tarihi : 23.3.2019

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ü

Kullanım Şekli | Demo

2.CSS ile Aşağı Açılır Menü

Bu örnekte sadece CSS kullanarak nasıl aşağı açılabilir menü gezintisi yapabileceğinizi görebilirsiniz.

Kullanım Şekli | Demo

3. CSS ile Bootstrap Mega Menü

Kullanım Şekli | Demo

4. Aşağı Açılır Mega Menü

Kullanım Şekli | Demo

5. Flexbox

Kullanım Şekli | Demo

6. JQuery ile Aşağı Açılır Responsive Menü

Kulanım Şekli | Demo

7. JQuery ile 3-Level Responsive Aşağı Açılır Menü

Kullanım Şekli | Demo

8. Renk Kodlu Aşağı Açılır Menü

Kullanım Şekli | Demo

9. CSS ile Aşağı Açılır Menü

Kullanım Şekli | Demo

10. CSS ile Sade Aşağı Açılır Menü

Kullanım Şekli | Demo

11. Google Nexus Menü

Kullanım Şekli | Demo

12. Araç Çubuğu (Tooltip) Menüsü

Kullanım Şekli | Demo

13. Yatay Kaydırmalı Menü

Kullanım Şekli | Demo

14. Basit, Youtube Menü Efekti

Kullanım Şekli | Demo

15. Responsive Çok Katmanlı Menü

Kullanım Şekli | Demo

16. Yatay, Aşağı Açılır Büyük Menü

Kullanım Şekli | Demo

17. Responsive, Çok Katmanlı Açılır Menü

Kullanım Şekli | Demo

18. CSS3 ile Canlandırılmış Aşağı Açılır Menü

Kulanım Şekli | Demo

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.


Kullanım Şekli | Demo

20. CSS3 ile JQuery Aşağı Açılır Menü

Kulanım Şekli | Demo

21. Sayfa Başlıklı Aşağı Açılır Menü


Kullanım Şekli | Demo

22. CSS3 ile Büyük, Resimli Aşağı Açılır Menü


Kullanım Şekli | Demo

23. CSS3 Aşağı Açılır Menü

Kullanım Şekli | Demo

24. Ok Yönlü, Aşağı ve Yatay Açılabilir Menü

Kullanım Şekli | Demo

25. CSS3 ile Aşağı Açılır Menü Öğeleri

Kullanım Şekli | Demo

26. Flexbox Aşağı Açılır Navigation Menü

Kullanım Şekli | Demo

27. HTML5, CSS3 ve JQuery ile Aşağı Açılır Nav Menü

Kulanım Şekli | Demo

28. CSS3 ile Aşağı Açılır Menü


Kullanım Şekli | Demo

29. Açılabilir Menü Örneği

Kullanım Şekli | Demo

30. JQuery ve CSS3 ile Aşağı Kaydırılabilen Menü

Kullanım Şekli | Demo

31. JQuery ile Büyük Menü Oluşturma 2


Kullanım Şekli | Demo

32. Aşağı Açılır Navigation Menü

Kulanım Şekli | Demo

33. CSS3 ile Havalı Aşağı Açılır Menü

Kullanım Şekli | Demo

34. CSS3 ile Basit Animasyonlu Aşağı Açılır Menü

Kullanım Şekli | Demo

35. Müzikal Aşağı Açılır Menü


Kullanım Şekli | Demo

36. CSS3 ile Aşağı Açılır Menü Oluşturma 2


Kullanım Şekli | Demo

37. CSS3 ile Aşağı Açılır Menü Oluşturma 3

Kullanım Şekli | Demo

38. CSS3 ile Aşağı Açılır Menü 3

Kullanım Şekli | Demo

39. CSS3 ile İkonlu Menü Oluşturma


Kullanım Şekli | Demo

40. CSS Navigation

Kullanım Şekli | Demo

41. CSS3 Navigation

Kullanım Şekli | Demo

42. Facebook Tarzı Aşağı Açılır Menü - V2

Kullanım Şekli | Demo

43. 3 - Level Navigation Menu

Kullanım Şekli | Demo

İLETİŞİM

Antalya Web Tasarım® bir Karayel Tasarım® markasıdır.

0242 344 1020 - info@antalyawebtasarim.com

Tüm hakları saklıdır.

© 2015