Submit your widget

multiple Javascript Accordions tabs

Views 19547   downloads 5599   Tabs

Javascript accordians have been used a lot in todays web design world. There are a lot of scripts we have seen and sure you too would have seen them. This is a great technique for integrating accordion-style…


Rotating Tabs using jQuery

Views 10814   downloads 1494   Tabs

the rotating tabs, we also need to take care of the behaviour when the user actually clicks on a tab by stopping the cycling behaviour on the desired tab. Finally, we will also highlight the selected…


A Better Blogroll Slideshow Tabs (jQuery )

Views 20514   downloads 3783   Slideshow & Scroller

A traditional blogroll is a simple list of other sites, often in the sidebar, that are related, owned by, or otherwise friendly to the home site. Blogrolls are a great idea and on-point with the spirit…


Navigate into extralarge images(jQuery)

Views 12117   downloads 2059   Tabs

A photogallery for extralarg images with navigator. You can drag your extralarge image in the display by the navigator or the image itself. Enjoy yourself into images. here is the js call: $(function(){…


Simple jQuery tabs

Views 8404   downloads 1708   Tabs

This example looks into creating a really simple tabbed interface using just plain HTML and CSS with the functionality and interface manipulated using jQuery. Tabbed interfaces are great for maximizing…


Organic Tabs(jQuery)

Views 11126   downloads 1938   Tabs

Have you ever seen a tabbed content area in a sidebar that was a little “jerky”? The jerkiness can be caused by a bunch of things, like the content in the tabbed areas are of different heights,…


Slot Machine Tabs(jQuery)

Views 10473   downloads 1848   Tabs

Three columns in each content box rotate like a slot machine to reveal the content in the next content box when a new tab is clicked.


Auto-Scrolling Slideshow Tabs (jQuery )

Views 19170   downloads 3970   Slideshow & Scroller

  Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the other. Step 1: Writing the markup First things…


Overlapping Tabbed Main Menu

Views 17053   downloads 3385   Tabs

Main navigation menu is that part of a website design that makes the whole site look lively and complete. But the most common type of navigation menu style still being used a lot is the tabbed navigation…


CSS3 Hover Tabs without JavaScript

Views 8722   downloads 1378   Tabs

With the new techniques in CSS3 and clever applications of existing CSS it is increasingly stepping on the toes of JavaScript. Which to be honest isn’t necessarily a bad thing. The HTML <div…


jQuery Tabbed Side Menu

Views 13827   downloads 2834   Tabs

Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development.This example will show you how to build your own tabbed Interface using jQuery with slideDown/slideUp…


jQuery Moving Tab and Sliding Content

Views 9896   downloads 1529   Tabs

how to create a moving tab slide content in this tutorial. Basically, the tab section simulate Lava Lamp Effect, and the content is using animate method to slide it.   1. HTML In the container #moving_tab,…


A Tabs with jQuery

Views 18886   downloads 5680   Tabs


Load In and Animate Content with jQuery Tabs

Views 20624   downloads 4174   Tabs

We will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate…


Sweet AJAX Tabs With jQuery 1.4 & CSS3 HTML5

Views 12077   downloads 1770   Tabs

We are making an AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery, so be sure to download the zip archive from the button above and continue with step one.   Step 1 –…