New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

CSS based menu scripts

AnyLink CSS Menu v2.0 FF1+ IE5+ Opr7+
AnyLink CSS Menu is a cool script that adds a drop down menu to any link on your page. Each menu is implemented as plain HTML (a DIV containing links) on the page, making the menu contents search engine friendly and potentially very easy to deploy.

Chrome CSS Drop Down Menu FF1+ IE5+ Opr7+
Chrome Menu is a stylish CSS and JavaScript hybrid drop down menu. It's easy to configure and search engine friendly. The menu links is based on a list, while the drop down menus are simply regular DIV tags on page. Extremely compact, the menu is around 6k in size, including the interface images used.

Responsive Hybrid Menu FF2+ IE8+ Opr8+
Hybrid Menu a responsive, 2 level navigation menu with multiple stages of adaptation depending on the user's screen size. The menu changes from a regular top menu bar with text anchors, to icons based, and finally to a left side bar menu as the user's screen size decreases.

Split Menu Buttons FF4+ IE8+ Opr9+
Split Menu Buttons combine the sleek aesthetics of menu buttons with the versatility of drop down menus to create a navigational interface that captures the best of both worlds. It renders attractive CSS based oval buttons with an optional "toggle" element dynamically added next to it that reveals a drop down menu when interacted with.

Drop Down Tabs (5 styles) FF1+ IE5+ Opr7+
Drop Down Tabs is a horizontal CSS tabs menu that supports a second level drop down menu for each of its tabs. Like its cousin DD Tab Menu below, it comes with 5 attractive menu designs built in to make your life a little bit easier.

DD Tab Menu (5 styles) FF1+ IE5+ Opr7+
DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents. It comes with 5 sleek tab menu designs to choose from by default.
Retired script as a result: DD Tab Menu II

Horizontal hover menu FF1+ IE5+ Opr7+
A CSS horizontal menu with links that hovers up when the mouse moves over them. In select browsers, the links depress as well on mousedown.

Highlight menu effect FF1+ IE5+ legacy
Add a stylish "highlight" effect to your table menus using this versatile DHTML script. A thin border is applied around the table cell (<td>) in participation as the mouse moves over it, with this effect visible in IE4+ and NS6+

3-state Hightlight menu effect FF1+ IE5+ legacy
This is a 3 state menu effect, appicable to any table. The table cell in question "hovers up" when the mouse moves over it, and depresses when down. Very cool effect.

CSS highlight menu FF1+ IE5+ Opr7+ legacy
Similar to the above 3 scripts, highlight your menu links as the mouse moves over them using this CSS powered script! Thanks to CSS, the effect is very customizable, efficient, does not rely on script, and finally, very small in file size. Visible in IE4+, NS6+, Opera 6/Mozilla, and degrades well with the rest.