Jquery Horizontal Slide Navigation

15467   3292   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

6154   1283   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

11434   2193   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

21541   5149   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

15103   1664   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

11042   2008   Slideshow & Scroller

lightbox Gallery Mootools Plugin

10053   2229   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）

7337   1924   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

20323   5899   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

15180   2777   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

11858   2421   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

26530   2787   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

6176   1350   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

14507   3277   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

23547   5927   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,…