Submit your widget
320
Yays

Lava Lamp Style Menu Navigation with jQuery

9 years ago   Views 50080   downloads 11046   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…

318
Yays

jQuery Flip Menu using backgroundPosition Plugin

9 years ago   Views 51338   downloads 8014   Menu & Navigation

Learn how to create a simple, but elegant menu by animating background with jquery backgroundPosition plugin. It's simple, but the effect is really good. Sometimes, simplicity is the most beautiful thing.…

315
Yays

jQuery big Drop Down Menu

9 years ago   Views 61524   downloads 13163   Menu & Navigation

The large drop down menu is a good option for sites with a lot of navigation items. When the user hovers over one of the list items, the item enlarges to the width of the submenu and the submenu appears.

315
Yays

jQuery awesome images Gallery lightbox

9 years ago   Views 32339   downloads 8324   Lightbox & Dialog & Overlay

One of the main benefits of using a popular javascript library, such as jQuery, is the incredible number of available plug-ins that will kick-start any development project.   The XHTML   We…

313
Yays

Display social icons in a beautiful way using CSS3

8 years ago   Views 40461   downloads 9506   Menu & Navigation

When you hover a icon, a small tooltip is displayed with the name of the social media. All other icons have a low opacity. I wanted to take this concept and bring it to the next level using CSS3 transitions.…

311
Yays
310
Yays

awesome jQuery and CSS3 Contextual Slideout Tips

9 years ago   Views 49953   downloads 6483   Tooltips

The main idea is to create an easily configurable set of contextual slideouts. Each can be opened in one of four directions – bottom-right (default), bottom-left, top-left and top-right, and each…

310
Yays

script.aculo.us Side bar menu

9 years ago   Views 51837   downloads 8712   Menu & Navigation

side bar menu using script.aculo.us

301
Yays

Neon Text Effect With jQuery & CSS

9 years ago   Views 45712   downloads 6582   HTML5

In this combined design and coding tutorial, we are creating a neon glow text effect with CSS and jQuery, perfect for spicing up your web pages while keeping an eye on SEO. Read more。。

301
Yays

jQuery awesome Hover Image Slide Effect

8 years ago   Views 54825   downloads 7825   Image Effects

we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect…

299
Yays

Featured Content Slider Using jQuery

9 years ago   Views 61701   downloads 13359   Slideshow & Scroller

Add JavaScript Files <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"…

299
Yays

Date / Time Picker

9 years ago   Views 49703   downloads 11053   Calendar & Date & Time picker

A date picker control. To open the calendar, click the icon at the right side of the input box. While open, you can use keyboard controls to navigate the datepicker: Right arrow: next day Left arrow:…

298
Yays

HTML5 Demo: Drag and drop

9 years ago   Views 93977   downloads 5556   HTML5

Drag the list items over the dustbin, and drop them to have the bin eat the item

298
Yays

Smart3D images jQuery plugin

9 years ago   Views 25261   downloads 4022   Image Effects

Simple code brilliant results     $(function() { $('#mindscape').smart3d(850); });   <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img…

298
Yays

jQuery Desktop

9 years ago   Views 33759   downloads 6350   Layout & Interface

CSS   The rest of the eye-candy is handled via CSS, which involved extensive use of z-index to get things positioned just so. It probably goes without saying, but this demo obviously will bomb in…