Home

Resources Home JavaScript Effects

User rating:

Full Page Image slideshow

An awesome supersized slideshow that spans up to the entire screen to showcase images in their full glory.
http://www.dynamicdrive.com/dynamicindex14/fullpageslideshow/index.htm
User rating:

gAjax RSS Feeds Displayer v2.0

gAjax RSS Feeds Displayer is a popular script for displaying any RSS feed on your site. Version 2 adds templating of the output plus powerful search and replace text functionality.
http://www.dynamicdrive.com/dynamicindex18/gajaxrssdisplayer.htm
User rating:

jQuery Percentage Loader

A jQuery plugin for displaying a rich progress bar sans image. It makes use of HTML 5 canvas for a rich graphical appearance, using vectors rather than images so it can be easily deployed at various sizes.
http://widgets.better2web.com/loader/
User rating:

cssFx.js

A small 2.3k JavaScript file that inserts vendor-specific CSS3 properties to their official counterparts in your stylesheets to save you the hassle and time.
http://imsky.github.com/cssFx/
User rating:

Sweet Tooltip

Sweet Tooltip is a jQuery & CSS3 based tooltip that comes in 7 different styles out of the box.
http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/
User rating:

Resizer bookmarklet

Resizer is a JavaScript bookmarklet that lets you quickly change the dimensions of a webpage to see how it holds up on various screen sizes.
http://codebomber.com/jquery/resizer/
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:

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/

CSS Forums News

Dynamic Drive forums | Register

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