Submit your widget
147
Yays

A jQuery News Ticker Effect

Views 19006   downloads 3752   Text & Link Effects

liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker The markup <ul id="ticker01"> <li><span>10/10/2007</span><a href="#">The…

127
Yays

Tabs pagination system with jQuery UI

Views 16120   downloads 2972   Tabs

Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded and it makes sense to provide alternative navigation of them. I think it makes…

105
Yays

To scroll through content Tabs for jQuery

Views 10764   downloads 2231   Tabs

The example allows you to scroll through content by clicking on tabs, without the page having to reload. The content is already on the page, you just need some javascript to tell it to display. It’s…

129
Yays

Table Row Checkbox Toggle jQuery plugin

Views 17286   downloads 3193   Table

It generically adds the toggle function to any table rows you specify based on the css class names. It will by default toggle any checkboxes within the table row. However, you can manually exclude checkboxes…

99
Yays

Blockster Images transition effect jQuery

Views 15613   downloads 2629   Slideshow & Scroller

Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly…

94
Yays

Dropdown Blogroll With CSS Only

Views 9897   downloads 1798   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…

115
Yays

Pure CSS Elegant Drop Menu And horizontal menu

Views 13603   downloads 2102   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…

111
Yays

A Tabbed Content Area With CSS3

Views 13477   downloads 3610   Tabs

Tabbed content areas, or content switchers, are all over the place. Numerous sites have used them as a way to contain more information in a single location without additional clutter. Tutorials on implementing…

127
Yays

Multi-level Navigation Menu With jQuery And CSS3

Views 14000   downloads 3084   Menu & Navigation

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

272
Yays

Lava Lamp Style Menu Navigation with jQuery

Views 33570   downloads 7240   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…

174
Yays

canvasSlideshow - html5 canvas image slideshow jQuery plugin

Views 39026   downloads 7004   Slideshow & Scroller

Usage Include js files.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script src="js/webwidget_slideshow_html5_simple.js"></script>…

97
Yays

Amazing Webkit Image Hover Effects with CSS3

Views 10518   downloads 2076   Image Effects

Image Shrink Effect The image will shrink if you put your mouse pointer on top of it. It is achieved by using the -webkit-transform:scale(value) property. The HTML <div id="demo-1" class="demobox">…

117
Yays

Glow Tabs with Box Shadow CSS3

Views 24557   downloads 5888   Tabs

The “Glowing” Hover Effect Most of the CSS and HTML is pretty straightforward, so I won’t bore you with those details, I’ll just focus on the two primary effects that make the…

122
Yays

Yoyo hover effect jQuery and CSS3

Views 12547   downloads 2251   Image Effects

Haven’t you ever just wanted a yoyo on your webpage? A beautiful, animated, spinning yoyo that slides down like a real yoyo would? The HTML There is very little HTML markup, so it is pretty easy…

96
Yays

jQuery sprite Fade Navigation Menu

Views 12277   downloads 1969   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…