Jquery Horizontal Slide Navigation

15573   3347   Menu & Navigation

This is a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item. HTML Structures     <ul> <li><a href="#" title="" class="home"><p><strong>Title</strong><br…

JavaScript Color Fading Script

6257   1334   Text & Link Effects

This lightweight JavaScript allows for easy color transitions. Add fading effects to tables, divs and more. You can target an elements background, border or text color. Below is the command to call the…

BBC Radio 1 Zoom Tabs jQuery

11555   2251   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…

Simple jQuery Spy rolling Effect

21680   5204   Slideshow & Scroller

Running the Effect Insert a new item at the top that is: opacity: 0 & height: 0. Fade the last item out. Increase first item’s height to real height. …at the same time, decrease the height…

Image Reveal using jQuery

15231   1734   Image Effects

Yet another twist on my image manipulation kick, I tinkered around with making images larger again. This time, instead of actually enlarging the image, we are enlarging the ‘viewer’ to see…

Coda-Slider jQuery

11151   2062   Slideshow & Scroller

lightbox Gallery Mootools Plugin

10170   2278   Lightbox & Dialog & Overlay

Here's how it works: First, the thumbnails are loaded. When they are ready, users can click a thumbnail and watch the gallery transform into a slideshow, which is then navigated by clicking the left column…

Color Picker ColorSphere Plugin （Mootools）

7443   1973   Color Picker

Initialization   new UvumiSphere(selector,options);   Arguments Selector: string defining a CSS rule that will select the elements to be turned into color pickers. These elements should be text…

multiple Javascript Accordions tabs

20438   5958   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…

jGlideMenu unique drag Sliding menu jQuery

15310   2833   Menu & Navigation

A very unique menu that floats on the page. Users can drag it to a position they desire.   jGlideMenu is an updated version of the fastFind Menu that supports inline and AJAX menu definitions and…

Sexy Tooltips with Just CSS3

12027   2482   Tooltips

One of the most common mechanisms for providing extra details beyond what you can see on the page is the tooltip (a design pattern for showing tips about a particular element on a screen).   While…

Ultimate JavaScript Scroller and Slider

26720   2836   Slideshow & Scroller

This versatile and lightweight JavaScript clocks in at less than 3.5kb unpacked.  To setup a scroll/slide area create a container with the following CSS properties… position:relative; overflow:hidden;…

a Nice, Lightweight JavaScript Tooltip

6275   1403   Tooltips

Introduction To begin, create the 3 files needed for this tutorial (index.html, style.css and script.js) and include the stylesheet and the script from index.html.  The most important things to remember…

Accordion Script With Multi-Level Support

14656   3324   Accordion

This  accordion script is powerful and lightweight at only 1.2kb. It now includes multi-level support, the option to allow multiple panels to expand concurrently, and a hide/show all toggle. To initialize…

Advanced JavaScript Table Sorter

23751   5986   Table

The third iteration of the TinyTable table sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function. At only 6KB it is still lightweight, quick,…