Jquery Horizontal Slide Navigation

15512   3317   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

6199   1300   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

11496   2220   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

21603   5169   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

15157   1705   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

11088   2032   Slideshow & Scroller

lightbox Gallery Mootools Plugin

10095   2249   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）

7387   1946   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

20370   5928   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

15235   2799   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

11933   2446   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

26607   2809   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

6218   1376   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

14557   3295   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

23626   5948   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,…