Submit your widget
147
Yays

A jQuery News Ticker Effect

Views 19009   downloads 3753   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…

128
Yays

Tabs pagination system with jQuery UI

Views 16127   downloads 2973   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 10765   downloads 2233   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 17289   downloads 3194   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 15615   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 9899   downloads 1800   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 13604   downloads 2103   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 13480   downloads 3611   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 14003   downloads 3085   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 33573   downloads 7241   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 39030   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 10522   downloads 2077   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 24564   downloads 5889   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 12548   downloads 2253   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 12279   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…