Submit your widget
91
Yays

Smooth Horizontal Sliding Tab Navigation with jQuery

Views 14589   downloads 1863   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…

233
Yays

jQuery Text with Moving Backgrounds

Views 15524   downloads 3382   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.…

103
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…

130
Yays

Jquery Image Fade Cross Transition

Views 12762   downloads 1898   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…

115
Yays

imitating kwicks nice menu jQuery Plugin

Views 14882   downloads 2175   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"…

116
Yays

jQuery Mouse Over Animation for Text

Views 12725   downloads 1957   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.…

131
Yays

a Brilliant Mask Transition Slideshow With jQuery

Views 20996   downloads 4256   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…

192
Yays

Super simple Multi-level accordion jQuery plugin

Views 52799   downloads 11311   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…

179
Yays

CSS and jQuery Custom Checkbox and Radio Button Inputs Styled

Views 48095   downloads 8849   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…

114
Yays

jQuery Flipping Content Tabs

Views 17381   downloads 3542   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…

109
Yays

jQuery plugin Information board text effect

Views 14196   downloads 2009   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…

93
Yays

Experiment in Password Masking

Views 6617   downloads 1840   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…

213
Yays

jQuery horizontal animated menu

Views 18371   downloads 3232   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…

103
Yays

jqTransform with jQuery plugin

Views 11156   downloads 2061   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>…