Submit your widget
94
Yays

jQuery Dropdown Menu

Views 7366   downloads 1840   Menu & Navigation

In this post, we are going to create a simple dropdown menu with the help of jQuery, take a look at the demo of it first. I assume you know at least the basics of jQuery and CSS. The key to creating the…

85
Yays

Smooth Horizontal Sliding Tab Navigation with jQuery

Views 14240   downloads 1754   Menu & Navigation

we'll show you how to create a navigation menu that slides horizontally. It begins with a set of "tabs" on the right side of a containing element. When clicked, a tab slides to the left to reveal a group…

112
Yays

imitating kwicks nice menu jQuery Plugin

Views 14528   downloads 2059   Menu & Navigation

Step One Let’s start writing our markup . <html> <head> <title>JS Effect</title> </head> <body> <ul> <li><a href="#"><img src="images/products.jpg"…

210
Yays

jQuery horizontal animated menu

Views 18053   downloads 3106   Menu & Navigation

HTML code: HTML code seem to be simple. Simply copy and paste these all code below to your new HTML page. <div class="kwicks_container"> <ul class="kwicks"> <li id="kwick_1"> <a href="#">Home…

95
Yays

Accessible collapsing menu

Views 14028   downloads 2935   Menu & Navigation

This is a demo of the script explained in Accessible expanding and collapsing menu. The HTML The HTML that appeared in the article is this (shortened, and with id values translated from Swedish): <div…

128
Yays

Feature Complete jQuery Slide Out Info Bar

Views 21851   downloads 3937   Menu & Navigation

The bar used jQuery to hide itself until someone click a small question mark on the top left of the page. The box contains several drop down boxes which house info such as FAQs, Contact form, about us…

92
Yays

Dropdown Blogroll With CSS Only

Views 9590   downloads 1665   Menu & Navigation

Dropdown menus are a great way of including a long list of links without cluttering up your page. The issue though is that they can be hard to style, but look quite ugly if you don’t. There isn’t…

105
Yays

Pure CSS Elegant Drop Menu And horizontal menu

Views 13276   downloads 1948   Menu & Navigation

Why do we love to use Drop Menu to display our navigation? Because, it saves space for our website. If you’re building a website with many categories, you need to use drop down menu technique for…

123
Yays

Multi-level Navigation Menu With jQuery And CSS3

Views 13481   downloads 2942   Menu & Navigation

This is an attractive cross-browser navigation menu; notable features include CSS3 gradients, multiple sub-menus, and jQuery animations.

269
Yays

Lava Lamp Style Menu Navigation with jQuery

Views 32995   downloads 7080   Menu & Navigation

Step 1 Create the Mark-up Before we can create this neat functionality, we need a base from which to work from. In your favorite code editor, create an unordered list for your navigation, and import both…

90
Yays

jQuery sprite Fade Navigation Menu

Views 11858   downloads 1819   Menu & Navigation

What is a sprite? In case you aren’t sure, a CSS sprite is a large image, made up of all the smaller images you wish to use on your webpage. The benefits of using CSS sprites include: Page load…

160
Yays

Cool jQuery Site Collapsing vertical Navigation

Views 24521   downloads 4967   Menu & Navigation

we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the…

390
Yays

Sweet Menu JQuery

Views 40577   downloads 7711   Menu & Navigation

Sweet Menu takes an ordinary unordered list of links and makes it a sweet looking menu. It does this by utilizing jQuery and it’s plugin system. Simply include the jQuery library, the Sweet Menu…

108
Yays

RocketBar – A jQuery And CSS3 Persistent Navigation Menu

Views 9502   downloads 1749   Menu & Navigation

 Everyday on the web there’s something that we all do, almost regardless of the site that we’re on – we scroll down. If we’re reading a blog post, looking through a product…

112
Yays

Cool Sprites – Free overlapped CSS menu using CSS Sprites

Views 13657   downloads 2910   Menu & Navigation

CSS sprites can be termed as a method for reducing the number of image requests to a web page by combining multiple images into a single image, and display the desired segment using CSS background-image…