Most Popular Scripts | JavaScript | Scripts & Programs | Visual Effects

CodeThatTable is an advanced JavaScript table that enables user to display in efficient and fancy way the massives of data from variety of sources including the CVS and database. Fully customizable through the CSS the tables are the definite answer to the numerous cases when structured data has to be displayed.

With Fall, you can have falling objects on your web page. A seasonal idea would be snow. You can also change the images, number of objects, speed, waft size (side-to-side movement). **v2.1 update** Corrected an error that prevent the script working in STRICT mode.

With the aid of DHTML, you can create playful web pages where the content changes as someone moves the mouse pointer around. This is accomplished by superimposing the content of two divs, and making one invisible by clipping it. Then the mouse move handler is modified to create a clip region depending on the location of the mouse pointer. This can create the impression that there is an x-ray being directed at the web page, revealing hidden content.

Animate your website with the aid of DHTML. After being confounded by the javascript files that I came across on the internet, I decided to write an API that I could live with. Any content that you place within a <div> tag with the position css attribute set to absolute, can be manipulated like a sprite. Just don't forget to set id="unique_name", and pass "unique_name" to the GetLayer() function.

DIV Fader Transitions include: AppearFrom (North, South, East, West, NE, SE, SW, NW) - DIV appears out of thin air .... Magic! DisappearTo (North, South, East, West, NE, SE, SW, NW) - Watch the DIV disappear behind this invisible curtain! FadeTo (Disolve To/From Any Point, Harmonic Clipping) - Great opening and closing to any lonney tunes cartoon.

If your web page can contain several overlapping absolutely-positioned HTML DIV tags, you might need to bring one to front or send one to back. This javascript snippet does exactly that. Especially useful if you have web page dynamic menus using such DIVs - the navigation will not be obscured anymore.

Generate a hex colour fade array from any 2 hex colours and your chosen number of increments (steps). Creates an array of the colours between the ones you chose. Can be used as an aid with my other script FallT.

Rumble is a very small script to show the window.moveBy method in action, click the button to see the window rumble.

Does your page look static? You're one script away from changing this. Even if you do not want too much movement on your page, you can still use this script for adding special roll over effects or some decent presentations. Your texts, images or forms can fly now, they can expand from void or shrink into nothingness.

Easily create a shadow or dropshadow for your text and images. Simple script, sample provided. Requires IE 5.5+

Tigra Tables is JavaScript applet creating nice client-side visual effects for HTML tables making them easier to read.

Dynamically add motion blur filter to your div. Applies a motion blur to the images, background colors and text. Requires IE 5.5+

Stars is exactly what it sounds like, a star field for your web page. It features image, speed & spin settings to play with. Works best in IE.

This popup progress bar script can be used to provide a visual update to an event in progress. Use it, for example, to display a delay before redirecting to another page or loading a script/application.

You want that your user can choose the colors of the website? You want to create a style sheet that you user can use to modify the colors of you software. Then the TWG Color Manager is the perfect template for you. The TWG Color Manager let you select a color from a color palette, convert colors from dezimal to hex and use this color on a layout template on the same page. If the user is done with clicking his color layout he can create a stylesheet and use this for your software. This script is extracted from TinyWebGallery where the users can select the colors of their layout and generate a style sheet they can use with TWG.

DHTML can render sophisticated interfaces, as this script illustrates. It's a dynamic progress bar, similar to the "loading" bar of your computer OS. Use it to graphically countdown to any event, for example.

Dynamically demonstrate on a div and an image the Slide and GradientWipe transition effects. Requires IE 5.5+

With this script you can easily create tooltips on mouse-over. Should work with all major browsers.

The script helps the designer to add some effects to their HTML page. It allows the visitor to drag HTML elements (images, texts, etc) around the screen and the changes can be saved in a cookie. It also allows the designer to easily create special effects such as screen sliding, 'screen savers', etc.

This JavaScript shows how to have a status bar show the progress of something in graphic. This bar shows 10 steps until the status event is completed.