X

블로그 홈페이지 필수 길잡이, 드롭다운 메뉴 25가지

블로그나 사이트에서 가장 중요한 부분이 메뉴와 페이지 네비게이션이라고 생각하는데요. 아마도 많은 메뉴와 카테고리를 사용하는 사이트라면 거의 모든 사이트는 드롭다운 메뉴를 사용 중일 겁니다. 이유는 적은 공간에 효과적으로 메뉴를 사용할 수 있기 때문이지요.

티스토리에서는 사이드바 위젯으로 있는 dtree 메뉴가 있지만 좀 부족하다는 느낌입니다. 저도 티스토리를 사용 중인데요. 상단에 카테고리 메뉴를 드랍다운으로 사용했던 적이 있습니다. 치환자 문제 때문에 노가다로 사용했던 기억이 있기는 하지만 한번만 고생하면 방문객이 좀 더 편리하게 블로그, 사이트를 이용할 수 있을 것이라고 생각됩니다. 어떤 서비스를 이용하던 어떤 프로그램을 사용하던 메뉴의 출력 방식만 이해하면 적용 사용하는데 좀 더 편하겠지만 뭐 몰라도 사용할 수 있습니다. 노가다로 말이죠.. ^^

 

드롭다운 메뉴 25가지 리소스

jQuery Multi Level CSS Menu #1 :

https://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/


Dropdown Navigation Menus

jQuery Multi Level CSS Menu #2 :

https://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/


jQuery Multi Level CSS Menu

All Levels Navigation Menu :

https://dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm


All Levels Navigation Menu

Smooth Navigation Menu :

https://dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm


Smooth Navigation Menu

Simple CSS Vertical Menu Digg-Like :

https://woork.blogspot.com/2008/01/simple-css-vertical-menu-digg-like.html


Simple CSS Vertical Menu Digg-Like

Professional Dropdown #1 :

https://www.stunicholls.com/menu/pro_dropdown_1.html


드롭 다운 메뉴

Professional Dropline #1 :

https://www.stunicholls.com/menu/pro_dropline_1.html


Professional Dropline #1

Jim’s DHTML Menu v5.7 :

https://dynamicdrive.com/dynamicindex1/jimmenu/index.htm


Jim’s DHTML Menu v5.7

Drop Down Tabs :

https://dynamicdrive.com/dynamicindex1/droptabmenu.htm


Drop Down Tabs

Suckertree Vertical Menu :

https://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/


Suckertree Vertical Menu

Superfish :

https://users.tpg.com.au/j_birch/plugins/superfish/


Superfish

jQuery SuckerFish :

https://be.twixt.us/jquery/suckerFish.php


jQuery SuckerFish

Ultimate Drop Down Menu :

https://www.brothercake.com/dropdown/


Ultimate Drop Down Menu

JavaScript Dropdown Menu with Multi Levels :

https://www.leigeber.com/2008/11/drop-down-menu/


JavaScript Dropdown Menu with Multi Levels

MenuMatic :

https://greengeckodesign.com/projects/menumatic.aspx


MenuMatic

Sliding JavaScript Dropdown Menu :

https://www.leigeber.com/2008/04/sliding-javascript-dropdown-menu/


Sliding JavaScript Dropdown Menu

jGlide Menu :

https://sonicradish.com/labs/jGlideMenu/distro/jGlideMenu_0.6.5/?src=ASL_LAB


jGlide Menu

Dropdown Menu Made with Scriptalicious/Prototype :

https://www.wappler.eu/swdropdownmenu/


Dropdown Menu Made with Scriptalicious/Prototype

Chrome CSS Drop Down Menu :

https://dynamicdrive.com/dynamicindex1/chrome/index.htm


CSS 메뉴

Professional Dropdown #2 :

https://www.stunicholls.com/menu/pro_dropdown_2.html


Professional Dropdown #2

Hover Drop #2 :

https://www.stunicholls.com/menu/hover_drop_2.html


Hover Drop #2

Skeleton Dropdown :

https://www.stunicholls.com/menu/skeleton.html


Skeleton Dropdown

HV Menu v5.5 :

https://dynamicdrive.com/dynamicindex1/hvmenu/index.htm


HV Menu v5.5

Simple Drop Down Menu v2.0 :

https://javascript-array.com/scripts/simple_drop_down_menu/


Simple Drop Down Menu v2.0

Horizontal Drop Down Menu Script :

https://simplythebest.net/scripts/DHTML_scripts/dhtml_script_89.html


Horizontal Drop Down Menu Script

Leave a Comment