Submit your widget
108
Yays

Sweet tabbed navigation using CSS3

Views 12966   downloads 3151   Tabs

This example takes on the following CSS(3) properties: rgba opacity text-shadow pseudo selectors rounded corners gradients box-shadow HTML Before we do anything fancy with CSS, we'll need a decent backbone…

108
Yays

jQuery Flipping Content Tabs

Views 17097   downloads 3427   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…

107
Yays

Organic Tabs(jQuery)

Views 11589   downloads 2117   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,…

106
Yays

Slot Machine Tabs(jQuery)

Views 10962   downloads 2019   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.

106
Yays

A Tabbed Content Area With CSS3

Views 13189   downloads 3468   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…

106
Yays

jQuery Vertical Tabs Plugin

Views 49178   downloads 10478   Tabs

jQuery plugin for Vertical Tabs . There are 3 steps to (almost) every jQuery plugin: the HTML, the CSS and the JavaScript code. Step 1. The HTML <div id="vtab"> <ul> <li class="home"></li>…

105
Yays

jquery tabset

Views 16275   downloads 3162   Tabs

keep your tabs ordered! A useful component that let you build a tabbed interface really easily; ad you can even sort your tabs as you want! in the header: <script type="text/javascript" src="inc/jquery/1.3.2.min.js"></script>…

104
Yays

Tabbed content with jQuery

Views 18401   downloads 4153   Slideshow & Scroller

In this example we'll going to show you some web development techniques that can be used in your next projects. This will cover some CSS, HTML and jQuery tricks. First thing we need is some basic HTML…

104
Yays

jquery slick Horizontal page tabs animation

Views 14108   downloads 2158   Tabs

Horizontal page animation with easing using jquery. A very simple and basic tutorial on how to animate content horizontaly using just a few lines of javascript. Start by loading the jquery library by…

103
Yays

Overlapping Tabbed Main Menu

Views 17698   downloads 3568   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…

103
Yays

To scroll through content Tabs for jQuery

Views 10466   downloads 2086   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…

103
Yays

MooTools Brilliant Animated Tabs

Views 15926   downloads 3169   Tabs

There are times when we need to display a bit too much content in a small space. One way to do it is by using tabs. Fancy tabs is a tabs navigation display that tries to cover most situations, from AJAX…

101
Yays

Beautiful CSS3 multicolour Dropdown Menu

Views 28952   downloads 8049   Menu & Navigation

This will colored tabs with slideout submenus. I don`t used any defined palette – tabs in different colors. Can warn, that all sliding effects will work only in FF, Chrome, Safary browsers, possible…

100
Yays

BBC Radio 1 Zoom Tabs jQuery

Views 11202   downloads 2098   Tabs

There’s three things that are happening in this effect: When you roll over the image, it zooms out slightly to reveal more of the image. Notice that it also keeps the top position static. The navigation…

100
Yays

jQuery Moving Tab and Sliding Content

Views 10494   downloads 1826   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,…