Nice horizontal accordion with jQuery plugin

25491   6768   Accordion

The plugin works correctly in ie8 & ie9, it does not work in ie9 switched to ie8 standards mode, or ie9 compatibility view. If you’re using ie9 as ie8 to debug, the tabs will only be clickable…

pure CSS3 download button

19963   5110   Buttons & Icons

Time to do a great Download Me! button. The button resize when hover the mouse. This use css3 transition so try with Chrome or Safari.not suppore ie6.0 7.0 8.0

CSS3 multiple color Top Fixed Menu

30418   8920   Menu & Navigation

That is an CSS3 fixed menu based on gradients and transitions. No images used or javascript. Let’s take a look at the code structure: HTML: <!--===================================== Top Fixed…

Beautiful DropDown Menu with jQuery

63803   17641   Menu & Navigation

This customizable jQuery plugin offers you the possibility of transforming your menus with ul>li at 1 level of interweaving (ul>li>ul>li>ul>li) in an attractive animated menu. You will…

Images Spacegallery

13235   3058   Image Effects

Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. Important: be sure to include Javascript files in the specific…

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…

jQuery Tooltips

12591   2830   Tooltips

So here’s the JS     $(document).ready(function(){ $('[rel=tooltip]').bind('mouseover', function(){ if ($(this).hasClass('ajax')) { var ajax = $(this).attr('ajax'); $.get(ajax, function(theMessage){…

jQuery: Photo Slider

11131   1681   Image Effects

My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo. This is what happens, in plan English: Click event on the “More…

Snazzy Hover Effects Using CSS3

19518   6897   Image Effects

In this example,we will be going over creating flexible advanced hover techniques using CSS2.1 properties. Advanced hover states are quite simple When I first started learning CSS, the :hover pseudo-element…

CSS Overlapping Tabs Menu

19354   3393   Menu & Navigation

This example is a  cool menu with overlapping tabs First of all download the tab image (right-click, then Save As…) which contains both on and off states. You can edit/customize this image…

JavaScript Table Row Highlighter Class using Mootools

8150   2075   Table

code As you can see below the HTML code is very basic and uses an ID to define the region which requires highlightling.  In this example an ID of "highlight" has been applied to the tbody. Finally…

A jQuery plugin Flip 360 degrees

11743   1916   Slideshow & Scroller

This demo mimics the popular card flip technique which can rotate an element 360 degrees around its own x or y-axis. How to use? Like every jquery plugin, just chain it: $("#flipbox").flip({ direction:'tb'…

a jQuery pagination system

9283   2940   Layout & Interface

For paginating purpose PHP seems like a logical solution, but if you don’t have a huge amount of data you want to paginate, i would suggest paginating with jQuery. It’s not hard at all, and…

An Scalable jQuery Login Box

10678   2558   Form

Here is a little example on how to create an unobtrusive login box in the top left of your page. First we start with the CSS. I have placed the login box in the top left and added some nice rounded corners…

jQuery plugin: Validation Form

9531   2892   Form