Home

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.
http://www.javascriptkit.com/script/script2/soundlink.shtml
User rating:

Buzz- JavaScript HTML5 audio library

Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element.
http://buzz.jaysalvat.com/
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.
http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml
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.
http://www.javascriptkit.com/script/script2/divcontentoverlay.shtml
User rating:

Watermark.js

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.
http://www.patrick-wied.at/static/watermarkjs/
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.
http://tutorialzine.com/2011/03/photography-portfolio-shutter-effect/
User rating:

RightJS Framework

A fast and compact JavaScript framework with simple syntax conventions and out of the box support for common UI interfaces.
http://rightjs.org/
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.
http://dynamicdrive.com/dynamicindex14/reelslideshow.htm
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.
http://james.padolsey.com/javascript/replacing-text-in-the-dom-its-not-that-simple/
User rating:

Raphael SVG and VML JavaScript Library

Raphaël is a small JavaScript library that simplifies your work with vector graphics, making creating charts, rotating images etc a breeze.
http://raphaeljs.com/

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