Submit your widget
90
Yays

Smooth Horizontal Sliding Tab Navigation with jQuery

Views 14525   downloads 1844   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…

232
Yays

jQuery Text with Moving Backgrounds

Views 15477   downloads 3363   Text & Link Effects

What are we going to do? We are going to create a container which has a moving background, but only a set of letters will be visible of the background. It will be as if there are holes in your container.…

102
Yays

date-picker jQuery plugin

jMonthCalendar is a full month calendar that supports events. You simply initialize the calendar with options and an events array and it can handle the rest. The plugin does have extension points that…

121
Yays

Jquery Image Fade Cross Transition

Views 12709   downloads 1869   Image Effects

  Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer…

107
Yays

Slider from a Select Element With jQuery UI

We've updated our popular jQuery UI selectToUISlider plugin with ARIA support, making the jQuery UI slider widget more accessible to users on assistive devices. The plugin uses progressive enhancement…

114
Yays

imitating kwicks nice menu jQuery Plugin

Views 14827   downloads 2157   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"…

115
Yays

jQuery Mouse Over Animation for Text

Views 12686   downloads 1939   Text & Link Effects

You can use this jQuery plugin for adding flavor to your web site. By this plugin, text messages on your site are animated on mouse over. jQuery animate function is called for each character of text.…

130
Yays

a Brilliant Mask Transition Slideshow With jQuery

Views 20932   downloads 4232   Slideshow & Scroller

Setting up workspace for the plugin. Before we can move forward, there are few things we need to look at. We will keep our presentation separated from logic, so we will create a css file jMask.css for…

188
Yays

Super simple Multi-level accordion jQuery plugin

Views 52704   downloads 11281   Accordion

This Jquery plugin makes creating accordions pain free. Just create an ul list and call the accordion javascript method and it is all done! Also it is super lightweight, just around 0.5kb. This Accordion…

178
Yays

CSS and jQuery Custom Checkbox and Radio Button Inputs Styled

Views 48045   downloads 8824   Form

Styling checkbox and radio button inputs to match a custom design is nearly impossible because neither reliably supports basic CSS, like background colors or images; it's even a challenge to get the margins…

112
Yays

jQuery Flipping Content Tabs

Views 17337   downloads 3518   Tabs

Content Tabs have become more popular lately with more and more websites and blogs using them to show more content in lesser space. Today I am going to show you how to create content tabs with nice flipping…

108
Yays

jQuery plugin Information board text effect

Views 14138   downloads 1988   Text & Link Effects

Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometime find on airports and train stations. Airport is a very, very, very simple…

92
Yays

Experiment in Password Masking

Views 6578   downloads 1816   Form

HashMask is an attempt to find a more secure middle ground between clear and masked passwords. It does this by visualizing a hashed representation of the password as a sparkline with color – the…

212
Yays

jQuery horizontal animated menu

Views 18315   downloads 3208   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…

102
Yays

jqTransform with jQuery plugin

Views 11110   downloads 2037   Form

Usage 1- Add javascript inclusion in the header section of your web page //required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>…