Jquery Horizontal Slide Navigation

15189   3171   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

5873   1177   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

11167   2078   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

21190   5034   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

14786   1541   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

10759   1889   Slideshow & Scroller

lightbox Gallery Mootools Plugin

9742   2114   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）

7086   1802   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

20026   5765   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

14842   2673   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

11502   2302   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

26058   2667   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

5926   1234   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

14154   3138   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

22988   5781   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,…