Resources Home JavaScript Effects

User rating:

HTML5 Mouseover/ Click sound effect

This script uses HTML5's new audio element to allow you to easily add sound effects to any action on the page, such as when the user clicks or rolls over a link.
User rating:

Preloading images and executing code only after all images have loaded

See how to refine the process of preloading images to detect when all images have actually been preloaded and react accordingly.
User rating:

jQuery Content Overlay script

This script overlaps any DIV on your page perfectly with an overlay box when the mouse rolls over the former, then hides the box onmouseout.
User rating:


watermark.js is a js library for creating watermarks on images. Its purpose is to protect images by adding an identifiable mark to images that are downloaded from your site.
User rating:

Shutter Effect Portfolio with jQuery and Canvas

This tutorial shows you how to use HTML5's canvas element to create an image slideshow with a camera shutter effect.
User rating:

jQuery Reel Slideshow

A jQuery slideshow that displays images in a reel like fashion, one image at a time and in an continual manner.
User rating:

Replacing text in the DOM- it’s not that simple!

Finding and replacing strings of text in a DOM document is very tricky, especially if you’re looking to do it properly and entirely unobtrusively.
User rating:

jQuery Full Screen Image Slideshow

A cool slideshow that uses jQuery and PHP to display large images from a directory automatically and using the entire browser window as its canvas!
User rating:

Open Standard Media Player

A free, open source media player based on HTML5 and jQuery. Supports playback of audio and video for most popular formats, plus falls back to a Flash player for non HTML5 capable browsers!
User rating:

Cross Browser CSS Transforms

The CSS transform property allows developers to rotate, scale, and skew blocks of HTML via CSS. See how to get this effect working in IE as well.

CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

Website Load Testing services

All images and content copyright © 2004-2014 CSS Drive. Contact Info | Back to Top