Submit your widget
91
Yays

Sliding Jquery Menu

Views 8908   downloads 1823   Menu & Navigation

how to create a sliding menu button using jquery.When the button is clicked it rolls out a box full of links, when the button is clicked again it rolls back in. This can be done using jquery。  …

91
Yays

A Stylish Navigation Menu With jQuery

Views 12386   downloads 1966   Menu & Navigation

As you may know, the first 20 seconds of a new visitor’s interaction with a website determine whether they are going to stay or leave. This means you have to follow common design practices and put…

90
Yays

Simple Jquery Right Click Cross browser Vertical Menu

Views 12581   downloads 2387   Menu & Navigation

[removed][removed] Creating right click with the help of jquery is real easy and can be implemented very quickly Step 1: Creating HTML Simply copy and paste the html next to the div to be right clicked.…

90
Yays

jQuery sprite Fade Navigation Menu

Views 11865   downloads 1821   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…

90
Yays

awesome Wheel Menu with CSS3

Views 37827   downloads 7189   Menu & Navigation

There’s no better way to learn CSS3 than to get your hands dirty on an actual project and that’s exactly what we’re going to do. I’m going to teach you how to create an awesome,…

89
Yays

Nice jQuery Walking Navigation

Views 47259   downloads 7923   Menu & Navigation

On a single page website with fixed position navigation, it will be nice to tell user on what section they are reading at. In this tutorial I am going to share how to create a walking navigation, on the…

87
Yays

Vertical Accordion effect with jQuery

Views 69031   downloads 15412   Accordion

HTML Basic HTML for the accordion is as follows: <ul class="accordion"> <li> <h3>Handle 1</h3> <div class="panel"> … </div> </li> <li>…

86
Yays

Like Apple Navigation Dock jQuery Plugin

Views 21854   downloads 6351   Menu & Navigation

1) Menu structure <!-- HTML FILE --> <ul id="targetMenu"> <!-- use <li class="navActive"> to set active icon menu --> <li> <a href="#">…

86
Yays

jQuery and html5 Brush Stroke Navigation

Views 25743   downloads 5688   Menu & Navigation

You can see the folder structure. It is quite simple. A folder for images, another for script files, one HTML file and a CSS file. The Content – HTML5 We’ll be using some HTML5 elements to…

86
Yays

simple google style Dropdown menu with jQuery

Views 20414   downloads 4885   Menu & Navigation

we'll show you how to create a jquery dropdown menu with google style, it also can be use as a “fixed” menu. The most important thing on this menus is the css file , we are going to use…

86
Yays

Beautiful Drop Down Menu with jquery

Views 31561   downloads 7821   Menu & Navigation

The demo is about a menu which has all the decent and stylish animated functionality. The HTML Structure As you can see in the PSD, there are Menu items and one Search Bar on right side. The HTML for…

85
Yays

Smooth Horizontal Sliding Tab Navigation with jQuery

Views 14245   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…

85
Yays

Awesome Notification tooltips Menu with jQuery

Views 27118   downloads 4777   Menu & Navigation

A jQuery plugin to add notification bubbles and a notification list to any menu. Usage var notifications = new $.ttwNotificationMenu({ colors:['#f56c7e', '#fec151', '#7ad2f4']…

85
Yays

Useful Magazine Style Dropdown Menu with jQuery

Views 26962   downloads 8578   Menu & Navigation

This is a magazine-style drop down nav menu. This will be created with some fancy CSS3 techniques to work in standards-compliant browsers. Even if you are shaky with jQuery you should be able to keep…

84
Yays

JQuery Navigation

Views 7887   downloads 1636   Menu & Navigation

You should now be set to create your HTML file. Open up dreamweaver and start a new HTML document, save the document straight away as index.html on your desktop. Open up notepad and save a blank file…