Interessante Webseiten

http://www.metacolor.de/index.html

Die Grundregeln der Farbenlehre
    Additive Farbmischung

Subtraktive Farbmischung
        Grafik: Vergleich RGB- und CMY-Farbmischverfahren
   

Primär- und Sekundärfarben
    Der Farbenkreis
    Verschiedene Farbkreise
    Komplementärfarben und Simultanwirkung
 

Nachbilder
        Der harmonische Farbkreis
        Grafik: Vergleich aller Farbenkreise
 

Modulationen
    Die Tertiärfarben
    Perspektiveffekt durch Farben

Farbsymbolik

    Die Farbsymbolik
    Allgemeine Bestimmung der Assoziationen
    Farben und Assoziationen in Diagrammen
        Beliebteste und unbeliebteste Farben
        Blau
        Rot
        Grün
        Gelb *
        Orange *
        Schwarz *
        Rosa *
        Weiß *
        Violett *
        Gold *
        Silber *
        Braun *
        Grau *
    Aufstellung aller assoziierten Begriffe

Die Harmonielehre

    Vorwort zum Thema Kreativität
    Was ist eine Harmonielehre?
    Die Harmonielehre Nach Roman Liedl
    Der Winkelkontrast
    Die Winkelharmonie
    Auffächerungen
    Farbreihen
    Wiederholungen
    Eine Farbkombination, die wir gewöhnt sind
    Farben zur Unterstützung bestimmter Winkelharmonien
    Der Mengenkontrast
    Der Hell-Dunkel-Kontrast
    Der Bunt-Unbunt-Kontrast
    Der Kalt-Warm-Kontrast
    Die Harmoniekontraste
    Farbwähler für Harmoniekontraste
    Beschreibung und Download des Farbwählers
    Einklang von Harmonielehre und Farbsymbolik
    Integration der assoziierten Farben in die Webseite
    Aus assoziierten Farben werden Harmonien
    Ergänzung zur Winkelharmonie
    Ergänzung zur Farbreihe
    Wiederholung der Disharmonie

Das Design von Flächen
    Was ist Harmonie?
    Gegensätze
    Gleichartigkeit und Verschiedenartigkeit
    Beispiele für Harmonie und Disharmonie
    Weitere Beispiele für Harmonie und Disharmonie
    Spannungen
    Das Schöne und das Hässliche
    Unsere tägliche Aktivierung
    Die schöne Webseite

Marketing und PR
    Marketing im Webdesign
    Bilder als Mittel im Marketing
    Headlines als Mittel im Marketing
    Text als Mittel im Marketing

http://sinn3r.pytalhost.de/oldstyle/index.html

.htaccess-Anleitung

http://www.lipfert-malik.de/webdesign/

Kosten reduzieren durch Webdesign
Aspekte Webdesign
Tableless Layout
W3C - konform
Barrierefreies Webdesign
Web Design for All
Webdesign + Barrierefreiheit
Barrierefreies Webdesign für Webmaster
Animiertes Web Design
JavaScript und DHTML
Vektorgrafiken und Animation
Animierte Gifs
Animation crossbrowser
Tutorials
Webdesign u. Codeerstellung
CSS für alle Browser
JavaScript für alle Browser
XML für alle?
HTML für alle Browser
    * getElementById
    * innerHTML
    * Laufschrift
    * onClick Divs
    * onMouseOver Divs
    * onMouseOver Images
    * getComputedStyle
    * toFixed()
    * Einführung
    * Ziel
    * Situation
    * Data Islands
    * Entities
    * Gemeinsamkeiten
    * XSLT
    * Realisation als Datenbank
    * Eindindung
    * Beispiel XSL
    * externe Daten
 

 * Beispiel Katalog
          o Gesamtkatalog
                + XML / XSL
                + XML / DOM
                + /ActiveX /DHTML
          o Preisliste
                + XSL
                + Opera DHTML
                + IE 5
                + SSI / NC-IE 4
    * Browserweiche

    * Fazit
    * Informationsquellen
 

http://politnet.ch/css/

Kapitel 1: CSS und Dokumente

* Ein kurzer historischen Rückblick und allgemeine Charakterisierung
    * Elementarten in CSS:
    * Ersetzte Elemente
    * Nicht-ersetzte Elemente
    * Methoden des Displays von Elementen:
    * Block-Elemente
    * Inline-Elemente
    * Einbindung von CSS in (X)HTML:
    * Externes CSS mit dem Link-Tag
    * Definition von CSS im Headbereich: Das <style>-Tag:
    * Die @import-Direktive
    * Inline-Styles in einzelnen Tags
    * Kommentare im CSS

Kapitel 2: Selektoren

* Struktur der Selektoren
    * Element-Selektoren
    * Klassen- und ID-Selektoren
    * Attribut-Selektoren
    * Selektion aufgrund der Ausnutzung der Dokumentenstruktur
    * Kontextuelle Selektoren
    * Child Combinator
    * Sibling Combinator
    * Pseudo-Klassen und Pseudo-Elemente
    * CSS 2.1: Dynamische Pseudo-Klassen

Kapitel 3: Struktur und Kaskadierung

* Wie funktioniert die Kaskade
    * Spezifizität (Specificty)
    * Vererbung (Inheritance)
    * Die Kaskade (Cascade)

Kapitel 4: Werte und Masseinheiten

* Zahlenangaben
    * Farbangaben
    * Benannte Farben
    * RGB-Farbangaben
    * Hexidezimale Zahlenwerte
    * Längenmasse
    * Absolute Längenmasse:
    * Relative Längenmasse
    * Angaben in Pixeln
    * URLs
    * Inherit - erzwungene Vererbung
    * Masse der Aural-Ausgabe (keine Browser-Umsetzung)

Kapitel 5: Fonts

* Font-Familien (font-family)
    * Schriftgewicht (font-weight)
    * Schriftgrösse (font-size)
    * Schriftstil (font-style)
    * Schriftvariante (font-variant)
    * Schrift-Gesamtangaben (shorthand: font)

Kapitel 6: Text-Eigenschaften

* Text-Einrückung (text-indent)
    * Horizontale Textausrichtung (text-align)
    * Vertikale Textausrichtung (line-height, vertical-align)
    * Wort- und Buchstabenabstände(word-spacing, letter-spacing)
    * Text-Umwandlung(text-transform)
    * Text-Auszeichnung (text-decoration)
    * Leerzeichen(white-space)
    * Textrichtung (text-direction)

Kapitel 7: Grundlagen der visuellen Formattierung

* Basis-Boxen
    * Der übergeordnete Block
    * Notwendige Begriffe
    * Block-Elemente
    * Horizontale Formattierung
    * Vertikale Formattierung
    * Inline-Elemente
    * Grundbegriffe
    * Inline-Formattierung von nicht-ersetzten Elementen
    * Formattierung von ersetzten Elementen
    * Änderung des Displays von Elementen
    * Inline-Block-Elemente
    * Run-in-Elemente

Kapitel 8: Innenabstand, Ränder und Aussenabstand

* Boxen der Basis-Elemente
    * Aussenabstände (margin)
    * Ränder (border)
    * Innenabstände (padding)

Kapitel 9: Farben und Hintergründe

* Vordergrundfarben (color)
    * Hintergrundfarbe (background-color
    * Hintergrundbilder (background-image)
    * Hintergrundbilder: Wiederholung (background-repeat)
    * Hintergrundbilder: Positionierung (background-position )
    * Hintergrundbilder: Anbindung (background-attachment)
    * Hintergrund: Kurzfassung (shorthand) (background)

Kapitel 10: Floating und Positionierung

* Floating und Clearing (float)
    * Basiskonzepte: Positionierung
    * Inhaltsüberschuss und Inhaltsbeschneidung (overflow, clip)
    * Element-Sichtbarkeit und -Unsichtbarkeit (visibility)
    * Absolute Positionierung
    * Positionierung auf der z-Achse (z-index)
    * Fixe Positionierung (position:fixed)
    * Relative Positionierung (position:relative)

Kapitel 11: Tabellen-Layout

* Tabellen-Formattierung
    * Tabellen-Display (display:)
    * Tabellen Layermodell
    * Tabellen-Zellenränder (cell border)
    * Tabellen-Grössenbestimmungen (sizing)

Kap 12: Listen und generierte Inhalte

* Listen
    * Typen von Listen-Markierungen (list-style-type)
    * Bilder als Listentypen (list-style-image)
    * Positionierung von Listen-Markierungen (list-style-position)
    * Listen Layout
    * CSS generierte Inhalte (wird hier vorläufig, wegen mangelnder Browserunterstützung nicht behandelt)

Kapitel 13: User Interface Stile

* Systemfonts und Colors
    * Cursors
    * Outlines von Boxen

Kaptel 14: Nicht-Bildschirm-Ausgaben

* Media spezifische Ausgabetypen von Stylesheets
    * Seitenbezogene Ausgabetypen (Paged Media)
    * Druckausgabe
    * Projektor-Ausgabe
    * Gesprochene Ausgabe (Aural Styles) Wird hier nicht dokumentiert)
Kapitel 15: Anhang: Attribut-Referenz (Propertys)

http://tools.dynamicdrive.com/

Online Tools

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible. Furthermore, convert from one image type to another.
FavIcon Generator
Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Email Riddler

Email Riddler is an online tool that encrypts and transform your email address into a series of numbers when displaying it on your web site, making it impossible for spammers to harvest it from your site.

.htaccess Password Generator

Use this tool to generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.

Gradient Image Maker

Gradient images are used everywhere in web page design, such as the background of form buttons, DIVs, to act as shadows etc. This tool lets you easily generate a gradient image.

.htaccess Banning Generator

This tool generates for you the necessary .htaccess code to ban visitors based on their IP address, block traffic originating from certain domains, or disable hotlinking on the desired file types on your server, such as images.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

DD Whois

DD Whois lets you painlessly look up the availability of a domain name, or for registered domains, its whois records.

What is my IP address?

Useful information about your Internet Connection and browser

Calendars

Basic calendar FF1+ IE5+ Opr7+
-User submitted
If you need a simple, elegant calendar to display the current days of the month, Basic Calendar is an excellent script for the purpose. Uses CSS to allow easy changing to its appearance, everything from calendar dimensions, colors, down to the font used to highlight the current day.

Dynamic calendar FF1+ IE5+ Opr7+
-User submitted
Constantin's cool DHTML calendar not only allows you to look up the calendar for any month of any year, but do so with style!

Dynamic calendar II FF1+ IE5+ Opr7+
-User submitted
An extremely versatile DHTML calendar targeted for IE4+ and NS6+ browsers.

IE 5 Proprietary calendar IE5+
Utilizing IE 5's support for DHTML behaviors, Microsoft has made this highly stable and attractive calendar script for those needing a calendar to use on their site. Visible in IE 5+, and simply ignored by all other browser.

Popup Calendar IE5+ Opr7+
-User submitted
Does your form contain INPUT box(es) that require a date value from the visitor? Sev's Popup Calendar script allows for a visual, interactive way of selecting and inputting this date. Click on a link, and a DHTML calendar drops down, allowing the user to click the desired date to enter into form element.

Xin's Popup Calendar FF1+ IE5+ Opr7+ update.gif (1252 bytes)
-User submitted
Similar to the above script, Xin's Popup Calendar makes inputting dates into forms as easy as point-and-click. Your user simply selects the date from a popup-window calendar, and it's automatically entered into the designated form field.

Jason's Date Input Calendar FF1+ IE5+ Opr7+
-User submitted
This script displays a popup calendar next to date fields to make it easy for users to fill out the date. The script also generates the actual date field as well using select menus and a text box, and creates a hidden field to contain the user selected Date value.

Date and Time

Live Clock FF1+ IE5+ Opr7+
An extremely versatile cross browser live clock script. Every aspect of it is configurable, from specifying whether to just display the time, the time plus date, to the clock's font size/color, and more. The ultimate live clock script this is!

Local Time script FF1+ IE5+ Opr7+
Want to display the current local time of a specific place in the world? This DHTML script uses your server's time to calculate and display the local time of anywhere on Earth. Note that the page using this script must either be PHP or SSI (server side includes) enabled.

LCD Clock FF1+ IE5+ Opr7+
This digital clock attempts to mimic that cool "glow in the dark" look of a LCD watch when it comes to its interface. Displays the time in standard 12-hour format, with a "AM" and "PM" indicator.

Upper Corner Live Clock FF1+ IE5+ Opr7+
A live text clock that displays itself in the upper left corner of the screen

Analog clock (static) FF1+ IE5+ Opr7+
-User submitted
DHTML clock scripts sure have come a long way since the straightforward numeric display. Meet this clock app, which shows neatly in the browser's corner the time in standard format.

Analog clock II (VML) IE5+
-User submitted
This script harnesses the power of VML in IE 5 to create a VML analog clock. The clock can be displayed anywhere inline on the page, and both it's size and coloring can be modified. Degrades well with all browers.

Analog clock III (Mouse trail) IE5+ Opr7+
-User submitted
Your mouse cursor will never be the same, not with an analog clock following it around!

Popup analog clock IE5+ Opr7+
-User submitted
Use this cross browser DHTML script to display the analog time to your visitors via a popup window. Activated either through clicking a link, or automatically as the page loads.

Dynamic countdown script FF1+ IE5+ Opr7+
This is a live count down script that can be set to count down to any future date/time, such as Christmas, your dad's birthday etc. Customize all aspects of the count down, such as what text to display, even the action to perform at the end of the count down. Note that the date/time is derived from the visitor's computer, so it's relative to each visitor's time.

Universal countdown script FF1+ IE5+ Opr7+
This is a "universal" count down script that lets you count down to absolute events whereby the target date/time needs to be specific to a certain time zone, such as the launch date of a web site, the date/time of the next Solar Eclipse etc. It accomplishes this by using your server's time to calculate the local time of the desired location on earth before performing the count down.

Dynamic countup script FF1+ IE5+ Opr7+
Display how much time has passed since an expired date with this rare script. It's sensitive to the second (ie "April 9, 2005 13:30:00"), and thanks to a custom "oncountup" event handler, you can control exactly the action to take each second as the script is counting up, most commonly, display the results inside a DIV.

Refresh Page script FF1+ IE5+ Opr7+
-User submitted
Certain situations call for the refreshing of the webpage every few seconds/ minutes (such as a webcam page). Use this script to carry out this task in a graceful, "visual" manner.

Live Date FF1+ IE5+ Opr7+
A script that displays a live date, in the format of Sunday, June 07, 1998 9:22:58 PM that is updated every second.

Title date FF1+ IE5+ Opr7+
-User submitted
This is a simple yet useful DHTML script that displays the current date as the title of the document. It utilizes the exclusive document.title property of IE 4 to accomplish this, therefore, is only visible to IE 4 browsers.

Title time FF1+ IE5+ Opr7+
-User submitted
This script displays the live time in the title of your surfer's browser! It does not erase the default title of the document, but rather, simply appends the time to it.

Special Document Effects

Drop-down document viewer FF1+ IE5+ Opr7+
Use this versatile DHTML script to allow your visitors to select and view external documents from your site. The selected page is loaded either in an inline frame, or optionally in a new window.

Drop-down document viewer II FF1+ IE5+ Opr7+
Version II of the original drop down document viewer above, this script uses text links instead to allow your visitors to select/ view external documents from your site.

Tabbed document viewer FF1+ IE5+ Opr7+
Using a tabbed interface, this DHTML script lets you display external web pages inline on your page, with the help of the IFRAME tag. This script works in IE5+ and NS6+, and degrades well with the rest (tabs are simply regular links).

Snow Effect FF1+ IE5+ Opr7+
-User submitted
Watch as snow gently trickles down the page, then disappear, with this great document effect!

Snow Effect without images FF1+ IE5+ Opr7+
-User submitted
This script uses a series of DIV tags to create falling snow that trickles down an entire webpage, without using images.

Rain/Snow effect without images IE5+ Opr7+
-User submitted
This is one of the most efficient, elegant rain/snow effects we've seen. Created without the aid of images, it's also hassle-free to install. Toggle between rain and snow effect with the change of one variable!

Autumn leaves FF1+ IE5+ Opr7+
-User submitted
Have leaves blow and tumble on your webpage- quite the autumn effect.

Bubble Effect FF1+ IE5+ Opr7+
-User submitted
Give you page a bubbly personality with this script! Bubbles drift upwards, then vanish on your page, in an incessant loop.

Splash Page Script FF1+ IE7+ Opr9+
A splash page is an interlude page that is shown temporarily before the intended target page, usually for the purpose of airing an important announcement or catchy advertisement. This script lets you quickly add a Splash Page to proceed any page on your site, just by calling an external JavaScript at the top of the target page. The splash page is dynamically rendered using a IFRAME tag and frequency controlled using cookies. Very cool!

Document Wipes effect FF1+ IE5+
-User submitted
This is a DHTML intro effect that "wipes" desired messages onto the screen before redirecting to another page. Use it to provide an interesting introduction to anywhere within your site. Similar in function to the above script.

Document fireworks FF1+ IE5+ Opr7+
-User submitted
Use this script to add a subtle- yet stunning- fireworks effect to your webpage! The effect is constructed using bits of colored <div> tags that are absolutely positioned and animated. Close enough, we say!

Document fireworks II FF1+ IE5+ Opr7+
-User submitted
Similar in effect to the above, with the rendered fireworks differing in look, however.

VML Fireworks IE5+
-User submitted
This script uses VML of IE5+ to render realistically looking fireworks on your page!

Document Stars FF1+ IE5+ Opr7+
-User submitted
Immerse your webpage in flying stars, and make it think it's in space, with this awesome document script.

3D starfield IE5+
-User submitted
Take your webpage into the stars with this 3D starfield script! The stars travel towards you in an incessant manner.

Document lightening effect FF1+ IE5+ Opr7+
-User submitted
Expose your webpage to the awesome effect of lightening, via this script!

Document frame script FF1+ IE5+ Opr7+ wizard.gif (1201 bytes)
Using DHTML and CSS, a document can actually be decorated with a frame, like a picture. Frame your document today!

Document Magnifier IE5+
-User submitted
This script takes full advantage of IE5.5's zoom-in feature to allow you to selectively magnify any area of a webpage.

Document-in-document Script IE5+ Opr7+
Want to add the power of SSI to your site but your web host doesn't support it? This is a scriplet that allows you to include a document inside another easily, simply by specifying the URL of the external document inside the scriplet! By including the scriplet in multiple pages, a change to the target external document is instantly reflected on ALL of these pages. Ah, the power of DHTML!

Watermark Background Image FF1+ IE5+ Opr7+
Use this script to give your web documents a static background image that does not tile, and always remains visible in the background, even when the user scrolls the document. Degrades well with all browses.

Live Background Previewer IE5+ Opr7+
A live background previewer that allows surfers to instantly see how a background image will look like in a document.

Special Effects upon Page Enter IE5+ wizard.gif (1201 bytes)
Click here for a collection of scripts that each applies a distinct, transitional effect to the document as the surfer enters the page. These scripts create effects very similar to ones seen on TV, such as gradually bringing the page into view etc.

Left-Right Stripy Curtain Script FF1+ IE5+ Opr7+
A script that opens up a "curtain" (sideways) as the surfer enters the page.

Top-Down Stripy Curtain Script FF1+ IE5+ Opr7+
A script that opens up a "curtain" (up-down) as the surfer enters the page.

Top-Down Curtain Script FF1+ IE5+ Opr7+
A script that opens up two "panels" (up-down) as the surfer enters the page.

Left-Right Curtain Script FF1+ IE5+ Opr7+
A script that opens up two "panels" (left-right) as the surfer enters the page.

Boxing-In Script FF1+ IE5+ Opr7+
A script that creates a boxing-in effect as the surfer enters the page.

Boxing-away Script FF1+ IE5+ Opr7+
A script that "boxes away" to reveal the document beneath as the surfer enters the page.

Dynamic Content
Sub Categories

    * Iframe and Ajax

 

Featured Content Slider v2.4 FF1+ IE5+ Opr7+
Featured Content Slider makes a slideshow out of arbitrary content on your page, so users can manually select a content to see or have them rotated automatically. Each content is defined simply inline on the page as regular HTML, or altogether inside a single external file and fetched via Ajax instead. A fade effect accompanies the transition from one slide to the next.

Featured Content Glider FF1+ IE6+ Opr9+
Similar in purpose to the above, This script turns ordinary pieces of HTML content on your page into an interactive, "glide in" slideshow. Users select the content they want to view, or have the script automatically rotate through them. The pagination links are also defined using plain HTML, allowing you to style, arrange, and remove them anyway you like. This script uses the jQuery library.

Animated Collapsible DIV v2.01 FF1+ IE6+ Opr9+
This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth "Web 2.0 style" animation. Works with both DIVs that have an explicit CSS height attribute defined and without. Also supports "grouping" of individual collapsible DIVs, so only one can be open at any time.

Scrollable content FF1+ IE5+ Opr7+
Compact content into a mini scrollable "window"! Scrollbars appear to allow the user to scroll up and down the content.

Scrollable content II FF1+ IE5+ Opr7+
Display content in a confined area. Users can view the entire content via the custom scroll up/down images. Cool!

Advanced Gallery script FF1+ IE5+ Opr7+
This robust gallery script allows you to display and rotate entire blocks of HTML on demand. Display images, text, or rich HTML in a dynamic manner. Set the script to automatically cycle through the contents like in a scroller, or via manual selecting through a drop down menu..

Combo Box Viewer FF1+ IE5+ Opr7+
Looking for a "contractible" way to display content on your page that's easy to implement as well? The Combo-box Viewer script allows users to selectively view HTML content on your page via a drop down menu. Each content is simply wrapped inside a special <DIV> tag.

Tab Content script (v 2.0) FF1+ IE5+ Opr7+
Tab Content script v2.0 lets you organize regular DIV contents on the page into a tab interface, with the desired content appearing when a tab is clicked on. it supports practical features such as default tab selected, persistence of the active tab (ie: when page is reloaded), a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, easy customization of the CSS tabs to your own, and more!

Virtual Pagination script FF1+ IE5+ Opr7+
This script lets you transform long content on your page into a series of virtual pages, browseable via pagination links. The broken up content pieces are separated simply via arbitrary DIVs (or another block level element of your choice) with a shared class name. Script replaces Multi-part content script.

Switch Content Script FF1+ IE5+ Opr7+
This useful script allows you to make arbitrary content on your webpage contract/expand on demand. The user clicks on designated headers to reveal additional content. Supports multiple "groups" of switch contents on the same page, each with their own independent settings.

Switch Content Script II FF1+ IE5+ Opr7+
Switch Content Script II adds contact/expand functionality to any content using icons such as an image as the toggling interface. Apply it to content on your page you wish to give the viewer the option to hide. Cookies are used to remember and recall each content's last state.

Accordion Content script v1.5 FF1+ IE6+ Opr9+
Accordion Content script, like its "Switch Content" siblings above, lets you group arbitrary contents together and reveal them on demand when the user clicks on their associated headers. However, it does so with a smooth, "accordion style" animation. There are lots of configurable options to play with.

Sequential Content revealer FF1+ IE5+ Opr7+
With this script, you can initially hide any number of content and reveal them one at a time in sequence, like in a presentation. Control precisely the pause between each content and even each content's display order.

Frequency Cap content FF1+ IE5+ Opr7+
Want to display content that only gets shown once every x hours? Using JavaScript cookies and CSS, this script lets you do just that for any content on the page. Different content can each be shown per its own periodic interval, and setting up the script is as easy as specifying the IDs of the contents inside the script.

Random Content colors FF1+ IE5+ Opr7+
Content that randomly changes background or text color is an easy way to ensure consistent viewer focus on them. This script lets you specify a list of colors (background or text) to be randomly applied to certain content on your page, whether it's a DIV or table cell. Use it on content that you want visitors to always focus on.

Random Content Order script FF1+ IE5+ Opr7+
Randomize the display order of arbitrary content on your page with this script! As a result, the order in which the participating contents is displayed on the page changes randomly each time the page loads.

Dock Content script FF1+ IE5+ Opr7+
This powerful script allows you to keep arbitrary elements on your page always in view, by "docking" it. It dynamically determines whether the element is currently visible on the user's screen, and if not, repositions it so it is. A great way to ensure that certain content are noticed by your visitors.

Drop Down/ Overlapping Content FF1+ IE5+ Opr7+
This script lets you display content in tight areas on your page, by dropping it down into view when the mouse rolls over the anchor element. The content temporarily overlaps anything beneath it. It's extremely handy for displaying search boxes, additional links etc in a tight area, such as the sidebar column of a page.

Drop-in content box FF1+ IE5+ Opr7+
Ensure that particular content on your page gets the attention it deserves, by dropping it into view, using this script. Whether it is an important announcement, an ad, or an ode to your pet you feel everyone should read, the choice is yours!

Amazon style Drop-in content box FF1+ IE5+ Opr7+
We modeled this script after an effect seen on the frontpage of Amazon.com. A content box drops in from "midair", and can display anything of your choice. The frequency of the box appearing can be precisely controlled.

Sticky Note script FF1+ IE5+ Opr7+
Sticky Note is an attractive DHTML script that pops up at the center of the page to display anything of your choice. Customize everything from how often the Note should appear on the page, for how long, and whether a fade-in effect should be accompanied. A great script to broadcast important messages to your users!

Popup Box FF1+ IE5+ Opr7+
-User Submitted
Use this custom DHTML popup to uniquely present new or notable pieces of information to your visitors. The interface is cross browser compatible, and can be dragged/ hidden freely by the user.

Popup Box II FF1+ IE5+ Opr7+
-User Submitted
Version 2 of the above, this one supports unlimited popups per page, and is functional in IE and NS6+.

DHTML Ad Box FF1+ IE5+ Opr7+
-User Submitted
This DHTML ad script displays an "inexcusable" box in the middle of the page, broadcasting ads of your choice inside. The box automatically disappears after x seconds, with its display frequency configurable (ie: show ad box only 1 of out 5 times the page is loaded). Unique and effective way to present ads to your visitors.

Floating Top bar script FF1+ IE5+ Opr7+
This script displays a floating bar that sits at the top of the window, gliding gently back into view when the page is scrolled. Regular HTML content can be shown inside of it.

Always on top content IE5+
"Emphasize" and make particular content on your page stand out by keeping them always visible on the visitor's browser screen, with this advanced DHTML script! Anything (HTML code, JavaScript etc) that's placed inside the script's "content box" will be kept static on the screen, with the ability to drag and toggle on/off this box.

Flying Message NS4
A message that flies across the screen. HTML tags, such as links, and be embedded inside. If the surfer moves the mouse over the message, it pauses for him/her to interact. A great way to capture surfer's attention!

Flying Message II IE5+
Embed any external HTML document onto the page and fly it across the screen, with this cool DHTML script! Since the content to animate is a separate document, the job of updating and modifying it becomes a breeze. Use this script to display site announcements, news, featured content etc. The possibilities are endless...


     
Form Effects

Email Riddler
Email Riddler is an online tool that encrypts and transform your email address into a series of numbers when displaying it, making it virtually impossible for spam harvesters to crawl and add your email to their list.

Email Validation script FF1+ IE5+ Opr7+
This script uses regular expressions to check that a form field contains a valid email address.

Show Hint script FF1+ IE5+ Opr7+
"Show Hint" script displays an attractive hint box containing additional explanation on any item on your page. A hint box pops up next to the item when the mouse moves over it with relevant hints or useful information, such as alongside certain form fields instructing the user how to fill each one out.
Also Listed in Links & Tooltips.

Required field(s) validation FF1+ IE5+ Opr7+
-User Submitted
One of the most popular form validation tasks is to check that important fields within a form have been filled out by the user. This is a generic script that will do just that, by verifying that mandatory fields are filled in before form submission.

Textarea maxlength script FF1+ IE5+
This is a simple but effective script for extending your textarea with a maxlength attribute, so the user's input cannot exceed a certain number of characters. Works with any number of textareas on the page.

Form field Limiter FF1+ IE5+ Opr7+
Want to limit the amount of text a user can enter in particular INPUT or TEXTAREA elements? Well, this script enables not only that, but displays in real time the number of characters remaining. An extremely practical and useful script!

Form field Progress Bar FF1+ IE5+ Opr7+
-User Submitted
Similar in function to Form Field Limiter above, this script allows you to restrict the number of characters inside a form element (ie: textarea) while displaying a progress bar on the remaining characters beneath it.

Chained Selects FF1+ IE5+ Opr7+
-User Submitted
Chained Selects allows you to "chain" any number of selection lists together in an interdependent manner, creating a multi-level form menu! The script supports unlimited number of "levels", and for each page, unlimited number of separate chained Selects.

Form Dependency Manager FF1+ IE5+ Opr7+
-User Submitted
This is a form dependency script for shuttling the display of fields within a complex form, where the visibility of a form field should depend on the value and/or state of another.

openWYSIWYG 1.01b FF1+ IE5+
-User Submitted
openWYSIWYG is highly robust and attractive WYSIWYG editor that replaces the plain <textarea>s in your forms. Cross browser friendly and open source, so you can freely include it in your commercial apps.

Rich text editor (for textareas) FF1+ IE5+
-User Submitted
Replace a form's textarea field(s) with a custom one that supports WYSIWYG formatting with this Rich Text Editor script. It allows the user to easily format the entered content, such as make it bold, change its size, colors etc.

Disable "Enter" key in form script FF1+ IE5+ Opr7+
-User Submitted
Is the user pressing the "Enter" key in the middle of your form causing inadvertent and incomplete form submissions? This script disable the "Enter" key when pressed inside chosen fields of your choice. Moreover, it then advances the cursor to the next field within the form. Very useful.

Select (and copy) form element script FF1+ IE5+ Opr7+
Allow your surfers to easily select AND copy to clipboard the contents of your form elements with this script.

Recall Form values script FF1+ IE5+ Opr7+
This script remembers the value entered into any form textbox (<input type='text") by the visitor, and upon his/her return, preloads the textbox with that value.

Recall Form values script II FF1+ IE5+ Opr7+
You've probably seen this feature inside the comment forms of blogs, where a checkbox lets you specify whether to remember the values of certain text fields and recall them later. Well, this script adds such a feature to any form!

Submit Once! form validation FF1+ IE5+ Opr7+
Use this practical script to prevent users from abusing the submit button of your forms!

"Accept terms" form submission FF1+ IE5+ Opr7+
Does your form contain an "Accept terms" section users must agree to before submitting the form? If so, this script helps enforce it, by disabling the submit button until he/she checks a box indicating compliance.

Highlight form element script FF1+ IE5+ Opr7+
Increase the "intuitiveness" of filling out forms on your site with this script. It applies coloring to the form element in focus, better indicating which one the user is currently on.

Flashing form element FF1+ IE5+ Opr7+
Use this DHTML script to make certain form elements flash with glee. It's a great way to draw attention to "important" fields, such as the submit button, etc.

Popup Calendars (for entering date into a form):

Popup Calendar FF1+ IE5+ Opr7+
-User submitted
Does your form contain INPUT box(es) that require a date value from the visitor? Sev's Popup Calendar script allows for a visual, interactive way of selecting and inputting this date. Click on a link, and a DHTML calendar drops down, allowing the user to click the desired date to enter into form element.

Xin's Popup Calendar FF1+ IE5+ Opr7+
-User submitted
Similar to the above script, Xin's Popup Calendar makes inputting dates into forms as easy as point-and-click. Your user simply selects the date from a popup-window calendar, and it's automatically entered into the designated form field.

DHTML Games

Phong IE5+
-User submitted
Phong is an incredible ping-pong game with an even more impressive AI (artificial intelligence). Play against the computer, and see if you can win (take it for us, it's possible). We encourage DHTML programmers to check the source to see how Michael managed this impressive DHTML feat...

Phong II FF1+ IE5+ Opr7+
-User submitted
Similar to the above, this is a fun, one player DHTML Phong (Ping Pong) game. Uses cos and sin to move the ball at a specified angle, and the ball's angle can be altered by moving the paddle faster and hitting it. Ball also speeds up the longer the ball is in volley.

Reflex Tester FF1+ IE5+ Opr7+
-User submitted
Test and sharpen your reflexes with this DHTML reflex tester. Calculates how fast you can react to a "HTML block" that changes color.

Tower of Hanoi FF1+ IE5+ Opr7+
-User submitted
The Tower of Hanoi is a classic puzzle game where you try to move disks from the left-most pole to the right using the least amount of moves. This DHTML script features full drag-and-drop interface, and "auto solve" ability.

Cross browser snake FF1+ IE5+ Opr7+
-User submitted
This is a simple cross browser snake game you can add to your site. Select a speed then use your arrow keys to attempt to  eat the apple (red block), but watch out for the walls. At any time you can pause the game by pressing the space bar.

Tic Tac Toe FF1+ IE5+ Opr7+
-User submitted
Entertain your visitors to a quick game of Tic-Tac-Toe. Comes with artificial intelligence and the ability to keep score :)

Browser Earthquake! IE5+
Add a fun natural disaster to your website, with this amusing earthquake script.

DHTML puzzle! All
-User submitted
Use this fabulous script to instantly turn any image into a 3x3 puzzle! Simply specify an image, and the script automatically cuts 9 moveable pieces out of it for your users (or yourself!) to interact and sharpen their wits with. Comes with auto "Scramble" and "Solve" ability.

Lottery Picker FF1+ IE5+ Opr7+
-User submitted
Chuck your superstitions to the side, and put your lottery dreams in this script instead. Generates 6 random 2-digit numbers for you to use.


Image Effects
Sub Categories

    * Image Slideshows
    * Image Galleries and Viewers

    * Mouseover Images

Site Logo Script FF1+ IE5+ Opr7+
A highly requested site logo script that displays a static logo at any corner of the screen. The logo itself is clickable.

Floating Image script All NS6!
-User Submitted
This is a cross-browser script that moves any number of images around the page, each following a randomly determined path. Furthermore, the images are clickable, making this script not only insanely cool, but practical as well!

Floating Image script II FF1+ IE5+ Opr7+
-User Submitted
Floating Images II animates any image (or block of HTML) up and down the browser window, staying in view even if the user scrolls the page. Definitely an interesting effect with many uses...

Bouncing Image script FF1+ IE5+ Opr7+
-User Submitted
This script adds any number of images to your document that move around, bouncing back and forth off the edges of the browser window. As mentioned, multiple images supported!

Bouncing Image script II IE5.5+
-User Submitted
Like the above script, except this bouncing image uses your entire monitor screen as its playgound! Requires IE 5.5 or above.

Flying Butterfly script FF1+ IE5+ Opr7+
-User Submitted
With this DHTML script, a butterfly wonders aimlessly around your page. The little insect can be dismissed by clicking on it. Add a touch of nature!

Flying Planes script FF1+ IE5+ Opr7+
-User Submitted
This DHTML script animates images cross the screen in a horizontal, left right manner. Here it's used to gently glide planes across the user's browser.

Flying Cupids script FF1+ IE5+ Opr7+
Summon a group of Cupids to circle about on your webpage, then disappear, with this DHTML effect. A great accessory to put up during special occasions such as Valentines.

Flying ghosts script IE5+
-User Submitted
Spook up your webpage with this animation script. A bunch of ghosts swirl around while fading in and out at the same time!

Flying Bats script FF1+ IE5+ Opr7+
This decorative script animates flying bats at any specified location on your webpage, and can be set to dismiss after x seconds. The perfect script to implement on Halloween! Furthermore, since the images are changeable, you can easily configure this script to fit any occasion.

Watching Eyes Script FF1+ IE5+ Opr7+
-User Submitted
Ever feel like you're being watched while surfing on the internet? Well, now you are! This fun, cross browser DHTML script follows your mouse around with a "watching eye". So do behave!

Moving light on image script IE IE5+
DHTML in IE 4 includes a multimedia feature that allows a light to be cast on any image and moved around. We utilized this technology to create a moving light on image script. The light continuously moves from the right edge of any image to the left, than back again. Give any image(s) on your page a moving light today!

Spotlight effect IE5+
Cast an interactive "spotlight" on the image of your choice using this DHTML script. Move the light about using your mouse. This cool effect works in IE4+, degrading well with the rest.

Jigsaw puzzle IE5+
-User Submitted
This is a simple yet impressive jigsaw puzzle script for IE 4. Try to rearrange the images and help Santosh's family "reunite"!

Flying Apple NS4
-User Submitted
If you're a Mac and Netscape Communicator user, this script is perfect for you. It flys and animates a Mac Apple logo around your surfers' screen- and it only works in Netscape Communicator!

Preload Image (with progress bar) Script FF1+ IE5+ Opr7+
-User Submitted
Use this script to not only preload any number of images before displaying them, but also, get a live update on it's progress through an update bar. Once the preloadiing is complete, the surfer is then directed to the page containing the preloaded images. Superbly useful and cool a creation!

Preload Image (with progress bar) Script 2 FF1+ IE5+ Opr7+
-User Submitted
This version of the preload image script still preloads images as usual, but displays the update bar inline on the page, with the rest of the content. The bar disappears once the preloading is complete.

Image reflection effect IE5+
-User Submitted
Use this script to instantly apply a moving reflection to any image! Browsers other than IE 4+ will simply see the image void of the effect.

Multimedia Filters on Image Wizard IE5+ wizard.gif (1201 bytes)
-User Submitted
IE 4 and above support cool visual controls called filters, which are built-in multimedia effects you can instantly apply to your page images (among other elements). There are 15 filters in all, everything from making an image wavy to giving it a glow. Use this wizard to easily sample and apply multimedia filters to your images!

Depressible Image link FF1+ IE5+ Opr7+
A script that makes an image link appear "depressed" as the mouse is held down on it. Similar to rollover effects, only that the effect takes place when the mouse is down.

Flying Image IE5+
-User Submitted
This script demonstrates the use of VBscript to create a DHTML script that flys a relatively-positioned image straightly across the screen. JavaScript isn't the only path to DHTML's heart, you know :-)

Right-To-Left Flying Image IE5+
A script that causes any image to fly in from the right edge of the screen to its original position.

Dragable Elements FF1+ IE5+ Opr7+
A versatile script that enables any number of elements, such as DIVs, images, or text on a page to be dragable. Simply give the element a class of "drag."
Image Slideshows

DHTML slide show (manual) FF1+ IE5+ Opr7+
A multiple featured, easy-to-configure manual slideshow script for your site. Images are automatically preloaded, and can each be set to hyperlink to a distinct URL. Simply one of the best slideshow scripts you'll find.

Flexi slide show FF1+ IE5+ Opr7+
One of the biggest complaints of regular image slideshows is that the participating images must be of the same width/height. Flexi Slideshow can accommodate images of different dimensions, and also, optional text beneath any slide.

MultiFrame slide show FF1+ IE5+ Opr7+
One inherent limitation of most slideshow scripts is that they can only display one image at a time, making it very cumbersome for your visitors to go through them in cases where there's a long list of images to show. Well, this image slideshow supports "multiple frames", so you can display more than one image at once.

Preloaded slide show FF1+ IE5+ Opr7+
-User Submitted
A straightforward manual slideshow with a unique preload feature. The script "silently" caches the next image in line as you're viewing the current.

Translucent slide show FF1+ IE5+ Opr7+
Don't just display images, showcase them in style using this sleek image slideshow script! Images are animated in from the left edge, with a translucent effect applied during the process. Each image can be independently hyperlinked and with its own link target.

Pixelating slide show FF1+ IE5+ Opr7+
This is your regular hyperlinked image slideshow, except in IE5.5+ that is. Thanks to new multimedia effects introduced in the browser, the participating images are "pixelated" into view in IE5.5.

Ultimate Fade-in slide show (v1.51) FF1+ IE5+ Opr7+
This is a robust, cross browser fade in slideshow script that incorporates some of your most requested features. They are the ability to display multiple slideshows on the same page, optional linking and link targeting for certain images, and the ability to randomize the display order of the images. Each slideshow can also pause when the mouse rolls over it.

Presentational slideshow FF1+ IE5+ Opr7+
We got our inspiration for this script from the frontpage of MSNBC.com (midpage), where they use a similar device to scroll through pictures. This cool script displays and rotates images in a "presentational", left-to-right sliding manner. Images can be optionally hyperlinked.

Drop-in image slideshow FF1+ IE5+ Opr7+
Don't just rotate images into view, drop em', with this classic-effect slideshow.

Up-down Image Slideshow Script FF1+ IE5+ Opr7+
This is a cross-browser DHTML image slideshow that scrolls upwards, pausing between images. The images do NOT have to be of the same dimensions. Not only that, you can make each image hyperlinked, should you wish.

Left-right Image Slideshow Script FF1+ IE5+ Opr7+
Similar to the above slideshow script, except the images are slid from left to right (instead of up/down).

Conveyor Belt slideshow script FF1+ IE5+ Opr7+
This cross browser image slideshow scrolls the containing images in a "conveyor belt" fashion. Images can be set to click through to various URLs, and when the mouse moves over the "belt", it pauses for the visitor to interact. Cool!

Carousel slideshow FF1+ IE5+ Opr7+
-User Submitted
Display and showcase images in a 3D, carousel fashion with this highly unique, great slideshow script. Each image can optionally be hyperlinked, with the direction of the slideshow configurable as well.

Carousel slideshow II FF1+ IE5+ Opr7+
-User Submitted
This carousel image slideshow, with its object oriented design, redefines robustness. The script supports vertical and horizontal scrolling, optional linking, title attributes, configurable visible sides, and more. Furthermore, multiple, different versions of this script can be invoked on the same page. Wow!

Book Flip slideshow FF1+ IE5+ Opr7+
-User Submitted
As the name loosely implies, Book Flip is an image slideshow that simulates a page being turned to reveal two new slides at once. Visually impressive.

Background image slideshow FF1+ IE5+ Opr7+
This script uses your webpage's background as canvas for sliding images into view. Use it to display images in a creative way or to simply to rotate the background's image.

Swiss Army Image slideshow FF1+ IE5+ Opr7+
-User Submitted
Swiss Army slideshow is an incredibly versatile image slideshow script. It supports a myriad of features, from manual image cycling, fade effect between images, to accompanying text description beneath each slide, linking, and more. It's a swiss army alright!

Blending Image Slideshow Script FF1+ IE5+ Opr7+
A cool JavaScript image slideshow that rotates among many images. Each time the image changes, so does the link associated with it. IE 4.x users will also see a special "blend-in" effect take place each time the image switches.

Image Galleries and Viewers

Lightbox Image viewer FF1+ IE5+ Opr7+
-User Submitted
Lightbox JS is an elegant, unobtrusive script that overlays a larger version of an image on the current page for display when clicked on- an image thumbnail viewer if you will. It's a snap to setup and works on all modern browsers.

Lightbox Image viewer v2.03a FF1+ IE5+ Opr7+
-User Submitted
Lightbox JS 2.0 expands upon the original Lightbox Image Viewer with a few new features, most notably, the ability to group similar images together, so cycling between these images become a breeze.

Facebox Image and Content viewer v1.1 FF1+ IE6+ Opr9+
-User Submitted
Facebox is a lightweight Facebook-style lightbox which can display images, divs, or entire remote pages (via Ajax) inline on the page and on demand. It uses the compact jQuery library as its engine.

Image w/ description tooltip FF1+ IE5+ Opr7+
-User Submitted
Move the mouse over a link and have the image of your choice plus corresponding description pop up, by using this tooltip script. Great for viewing images on demand.

Photo Album script v2.0 FF1+ IE5+ Opr7+
Photo Album script is ideal for displaying multiple images at once, with the ability to cycle through entire batches of images. Each image can be hyperlinked and a text description shown below it. Also, customize the dimensions of the photo album, such as 3 by 2 images, 4 by 5 images etc.

PHP Photo Album script FF1+ IE5+ Opr7+
This is a PHP enhanced Photo Album script that automates the retrieval of all images within a specific directory to show, with links to cycle through each batch of images. Based on the original Photo Album script, as you upload or modify images within a directory, the script automatically adapts!

Step Carousel Viewer FF1+ IE7+ Opr9+
Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand, or browse the gallery sequentially by stepping through x number of contents each time. A smooth sliding animation is used to transition between steps. The contents can be defined either inline on the page, or on an external file and fetched via Ajax.

FrogJS Image Gallery FF1+ IE6+ Opr9+
FrogJS is sequential image gallery script that supports an optional description and link for each image. You view the images in sequence, by clicking on the previous and next images' thumbnail. Each image is simply defined as regular HTML contained within a special DIV tag on the page, making it extremely easy to set up, including its corresponding description and link.

CMotion Image Gallery script FF1+ IE5+ Opr7+
CMotion Image Gallery is a versatile gallery script that uses the user's mouse to control it. The user can direct both the image scrolling direction and speed just by placing the mouse on either spectrums of the image gallery. Clicking on an image can then load a larger version of it etc. Cool!

CMotion Image Gallery script II FF1+ IE5+ Opr7+
A vertical, up down scrolling version of the original CMotion Image Gallery script above.

Image Thumbnail viewer FF1+ IE5+ Opr7+
Image Thumbnail Viewer is a compact, unobtrusive image viewer that can be applied to any link on the page to load the desired image inside a sleek interface based on the link's "href" value. This script will center the enlarged image on the page and optionally display a text description of the image.

Image Thumbnail viewer II FF1+ IE5+ Opr7+
Similar in function to Image Thumbnail Viewer above, this script loads and displays a larger image inline on the page when a thumbnail is clicked on. Great for letting visitors preview from many images then select the image of his choice to view on the same page.

Dynamic Image selector FF1+ IE5+ Opr7+
This is a "dynamic" image selector that allows your surfers to see an image by selecting it from a selection list. It is dynamic in that the images do NOT have to be of the same dimensions, a limitation that most other image selector scripts out there have. Imagine- you can now have a gallery of images of all sizes!

Image Mouseover Effects

Image w/ description tooltip FF1+ IE5+ Opr7+
-User Submitted
Move the mouse over a link and have the image of your choice plus corresponding description pop up, by using this tooltip script. Great for viewing images on demand.

Pop-up image Script IE5+
Turn your images into depressible, pop-up buttons! This script creates the illusion of an elevated image by applying a shadow and shifting the image to the up and left. When the user holds down the mouse, the shadow is deleted, and the image shifted back to its usual position...just like a button!

Shake Image script FF1+ IE5+ Opr7+
This script "shakes" an image when the mouse comes in contact with it. Use it to add instant eye-popping effect to your image links.

DOM image rollover FF1+ IE5+ Opr7+
-User Submitted
Add the classic "roll over" effect to your image(s) with ease, thanks to this versatile DHTML script. Just insert a custom HTML attribute inside the image, and you're done.

DOM image rollover II FF1+ IE5+ Opr7+
-User Submitted
This script makes it easy to add rollover/ mousedown effects to any image on the page, including image submit buttons. Automatically preloads images as well.

Dissolving image rollover FF1+ IE5+ Opr7+
-User Submitted
A beefed up version of the classic rollover image, this script adds a dissolving effect during image change in IE4+. The script works across all browsers, though as eluded to, only IE4+ will experience the added transition. Very cool.

Highlight Image Script FF1+ IE5+
A script that makes any image(s) appear dull before the mouse moves over it; as the mouse moves over it, the image changes to its original appearance. This is a script controlled effect, so no altering is required to the actual image in any way.

Highlight Image Script II FF1+ IE5+ Opr7+
We got our inspiration for this script from the site Mcafee.com, which contains such an effect on one of its pages. Move your mouse over any of the participating images, and a border is applied to it onMouseover. The border color is customizable for each image.

Gradual-Highlight Image Script FF1+ IE5+
A script that makes any image(s) appear dull before the mouse moves over it; as the mouse moves over it, the image gradually changes to its original appearance. Use it to instantly add stunning onMouseover effects to your menu images, for example.

Spotlight effect IE5+
Cast an interactive "spotlight" on the image of your choice using this DHTML script. Move the light about using your mouse. This cool effect works in IE4+, degrading well with the rest.

Links and Buttons

Cool DHTML Tooltip FF1+ IE5+ Opr7+
This is a practical, elegant DHTML tooltip script. Use it to display additional information about a link or any other element (ie: table) when the mouse moves over it. A customizable tooltip pops up, which works in all modern DHTML browsers- IE4+, NS6+, and Opera 7+.

Cool DHTML Tooltip II FF1+ IE5+ Opr7+
Fancy looking tooltips with an "arrow" pointer are commonly found in desktop applications. Well, now you can add a similarly looking tooltip to your webpage! Similar in function to Cool DHTML Tooltip above.

Rich HTML Balloon Tooltip FF1+ IE5+ Opr7+
This is a balloon style tooltip (tooltip with an arrow image) that can be applied to any link(s) on the page. The tooltips themselves are merely hidden DIVs on the page, making it very easy to add arbitrary/ rich HTML inside of them.

Fixed Tooltip script FF1+ IE5+ Opr7+
Looking for a tooltip script where the tooltip is anchored to the link's position rather than following the mouse around? Fixed Tooltip script behaves in just this manner.

Scrolling tooltip IE5+ Opr7+
An alternate version of the above tooltip script that creates a "scrolling" tooltip. Definitely more eye catching, if nothing else.

Bottom slide tooltip FF1+ IE5+ Opr7+
-User Submitted
This bottom slide-in box can be used as an "aid" or "tooltip" for your page elements. Move your mouse over the element in question, and a description will slide in from the bottom of the browser.

Textual tooltip FF1+ IE5+ Opr7+
Use this script to provide textual information about a link(s)! Move the mouse over certain links, and accompanying text appears on the page describing the link. The text can be HTML based (bold, italic etc).

Textual tooltip II (fade into view) FF1+ IE5+ Opr7+
This is version two of the above script, which fades into view a text description of each link as the mouse moves over them.

Open offsite links in new window FF1+ IE5+ Opr7+
Concerned about people leaving your site when navigating to offsite links? This script lets you either automatically have all offsite links open in a new window, or let the user decide, via a checkbox. Links that belong to your own domain(s)- as specified by you inside the script- are not affected either way.
Also Listed in Windows and frames

Drop Down/ Overlapping Content FF1+ IE5+ Opr7+
This script lets you display content in tight areas on your page, by dropping it down into view when the mouse rolls over the anchor element. The content temporarily overlaps anything beneath it. It's extremely handy for displaying search boxes, additional links etc in a tight area, such as the sidebar column of a page.

Link Floatie script FF1+ IE5+ Opr7+
Link Floatie script lets you display a description of a link or additional content onMouseover. The floatie gradually fades into view in the lower right corner of the browser.

Link Description script FF1+ IE5+ Opr7+
Bestow meaning to your text links with this script. As the mouse hovers over a link, a corresponding text description appears beneath it.

Bullet Image Link script FF1+ IE5+ Opr7+
This unique script dynamically positions a "bullet" image of your choice alongside arbitrary links when the mouse moves over them, "highlighting" them. Simply give the links in question a CSS class name of "ddbullet", and the script handles the rest. Great way to draw attention to specific links on your page.

DHTML Tip Message (aka Popup Information box) FF1+ IE5+ Opr7+
-User Submitted
This script creates a comprehensive DHTML tip message to help describe important links on your webpage. It is extremely versatile in its placement and special effects to render as the tooltip is being displayed.

Popup information box II FF1+ IE5+ Opr7+
Similar in function to the above, use these colorful popups to provide additional information about any link, inline and non intrusively as the mouse moves over the link. Cool, we say!

Popup information box III FF1+ IE5+ Opr7+
-User Submitted
This great popup info box gradually fades into view (in IE4+ and NS6). As with the other two scripts above, use it to provide textual information regarding link(s).

Show Hint script FF1+ IE5+ Opr7+
"Show Hint" script displays an attractive hint box containing additional explanation on any item on your page. A hint box pops up next to the item when the mouse moves over it with relevant hints or useful information, such as alongside certain form fields instructing the user how to fill each one out.
Also Listed in Form Category.

Home Hot Key IE5+ Opr7+ wizard.gif (1201 bytes)
A script that jumps back "home" when a key is pressed. In other words, a script that allows you to specify a target url to go to when a key from the keyboard is pressed.

Jump to top Link FF1+ IE5+ Opr7+
For pages that are several folds long, providing a quick way to get to the top may be appreciated by your visitors. Use this script to do just that, via a hovering lower right link.

Flashing links FF1+ IE5+ Opr7+
Use this script to make certain links on your page flash. Easy to install and highly versatile, it'll make visitors look at the links on your page in a completely different light!

Rainbow links FF1+ IE5+ Opr7+
-User Submitted
A unique script that applies the colors of the rainbow to a link when the mouse hovers over it.

Spider web links IE5+
-User Submitted
Creativity and ingenuity come together here to form one of the most unique onMouseover effects for your links. With the help of VML, a "spider web" follows the mouse, and expands when moved over designated links.

onMouseover Link Effects IE wizard.gif (1201 bytes)
A CSS script that changes the appearance of  links in a document upon mouse over. A common example are the links on the frontpage of Microsoft's Homepage. Moving the mouse over the links causes them to change color.

Text Link Underline Remover FF1+ IE5+ Opr7+
A CSS code that removes the underline beneath all text links in a document.

Back-Home button IE5+
This script creates a button that takes the user back to the browser's default homepage when clicked on. Not exactly practical, but definitely fun to have on your webpage!

Depressible DHTML buttons IE5+
-User Submitted
Use this visual DHTML script to transform regular text/ image into depressible buttons! The result is a 3D button that pops up when the mouse hovers over it, depressed when the mouse is down, and back to normal when out. Easy to install and degrades well with all other browsers.

Rollover background-image button FF1+ IE5+ Opr7+
A script that applies a (different) background image to any form button as the mouse moves over it.

Rollover background-color button FF1+ IE5+ Opr7+
A script that makes any form button change background color as the mouse moves over it.

Link Extractor FF1+ IE5+ Opr7+
A Perl-like tool that extracts out all of the links in a document, and writes it neatly to a new window.

     
Menu and Navigation Scripts
Sub Categories

    * CSS Based

    * Multi-level menus

Slide-In Menu Bar Series FF1+ IE5+ Opr7+
A cool menu bar that opens/contracts from the left edge of the screen as the surfer interacts with it. Browsers other than NS 4+ and IE 4+ will simply see nothing.
- Slide-in Menu bar I (mouse controlled)
- Slide-in Menu bar II (keyboard controlled)
- Slide-in Menu bar III (manually controlled)
- Fold-out external menu (external menu file)

Omni Slide Menu FF1+ IE5+ Opr7+
-User Submitted
Omni Slide Menu is an super versatile slideout menu that reacts to the mouse hovering over and out of it. It can be positioned to the left, top, or right edge of the browser window, supports static positioning, plus multiple instances of the same menu on a page and more. Very cool.

Dynamic-Fx Slide-In Menu FF1+ IE5+ Opr7+
-User Submitted
A multi-featured slide-in menu script that supports some of the most requested features such as frame targeting, static positioning, and header(s) displays.

Slide-In Links FF1+ IE5+ Opr7+
-User Submitted
Tuck away those links and make them visible only when needed with this script! A bar of links is slided out from the left edge of the window when the protruding part is clicked on. Great way to maximize realty space on your site.

Accordion Menu script FF1+ IE6+ Opr9+
A list based vertical menu with nested content that expand and contract when the user clicks on a menu header. Specify which menu headers are expandable, style the headers differently depending on whether its content is expanded or not, and specify whether persistence of the menu states within a browser session should be enabled. Clean CSS and HTML make up the menu, and is very adaptable to customization.

Switch Menu FF1+ IE5+ Opr7+
-User Submitted
Switch Menu is a unique navigational script with characteristics of a folding tree. It dynamically expands the chosen menu item when clicked on (revealing the containing links) while contracting the rest.

Switch Menu II FF1+ IE5+ Opr7+
-User Submitted
Switch Menu II like its cousin creates menu headers that expand and contact when clicked on to reveal additional links within. A smooth "Win XP" style animation is applied during the unfolding of the links.

Slashdot Menu FF1+ IE5+ Opr7+
-User Submitted
This is a stylish collapsible menu modelled after the navigational menu found on Slashdot. Configure the menu in a multitude of ways, such as which sub menus to expand by default, whether to persist menu states using cookies, to the speed in which menu items expand/ collapse. Very cool.

Floating Menu script FF1+ IE5+ Opr7+
-User Submitted
This is a cross-browser menu that stays static on the left hand corner of your screen. It gently floats into its original position on the page if the window is scrolled.

Static Menu script FF1+ IE5+ Opr7+
-User Submitted
Add an elegant, visible-from-the-start static menu to your site with this script! Both the menu's dimensions and its static location on the page can be easily configured, making it a piece of cake to integrate the menu to conform to your site's layout.

Drop down menu w/ description FF1+ IE5+ Opr7+
This is your straightforward drop down menu constructed using the <SELECT> tag, except in IE5+ and NS6+, a description of each selection is displayed beneath it!

Mouseover Tabs Menu FF1+ IE5+ Opr7+
This is a mouseover tabs menu. Move the mouse over designated links, and additional "sub links" appear beneath it. Think of it as an inline two level menu. The sub menu contents are defined inside an external file and fetched via Ajax when the page loads.

Scrollable menu links FF1+ IE5+ Opr7+
If you have a lot of menu links and not a lot of space, this is the script to turn to. It compacts any content into a predefined area, with the content accessible via left and right scroll buttons. Browsers other than IE 4+ or NS 4 will simply see nothing.

AnyLink Drop Down Menu FF1+ IE5+ Opr7+
This is a versatile drop down menu that can be applied to ordinary links on your page, including image links. It can be activated either onMouseover or onClick.

AnyLink Vertical Menu FF1+ IE5+ Opr7+
This is an alternate version of our AnyLink Drop Down Menu that works with vertical links instead. The menu is positioned to the right of the link or link container such as a list item <li> or table cell (<td>).

Pop-it menu FF1+ IE5+ Opr7+
Pop-it allows you to associate a dynamic menu with regular links on your page. As the mouse moves over the link in question, a menu pops up containing "sub links". Think of it as a "loose" drop down menu.

Dropdown HTML control FF1+ IE5+ Opr7+
-User Submitted
Use this script to create a drop down control for arbitrary content on the page, such as a a search form. When the user clicks on a link, the content drops down and is shown on demand.

Context menu script FF1+ IE5+
With IE5 and NS6.1, for the first time, you can now add a context menu to your webpage. What's a context menu? Well, it's a custom menu that pops up in place of the default context menu when you right click your mouse. We designed this custom context menu to act as a practical URL jumper...check it out!

Context menu script II IE5+
-User Submitted
This is a IE5.5 specific context menu script that differs from the above in the way the menu is rendered, and also, feature set.

Contractible Headers FF1+ IE5+ Opr7+
A script that makes selected headers in a page contractible in IE /NS6+. All other browsers, including NS 4.x, will simply see the headers uncontracted (degrades well)

Microsoft Outlook Bar IE5+
-User Submitted
This is a smashing DHTML navigation bar that resembles the OutLook bar of Internet Explorer. Fittingly enough, it only works in IE 4+ as well!

Microsoft Outlook Bar II FF1+ IE5+
-User Submitted
This unique OutLook looking menu tucks away its contents until user intervention. It supports an unlimited number of categories, and furthermore, works across all DHTML browsers (IE4, NS4+. Mozilla 0.9, Opera5). Works best in a frames page.

CSS based menu scripts

AnyLink CSS Menu FF1+ IE5+ Opr7+
AnyLink CSS Menu is a cool script that adds a drop down menu to any link on your page. Each menu is implemented as plain HTML (a DIV containing links) on the page, making the menu contents search engine friendly and potentially very easy to deploy.

AnyLink CSS Vertical Menu FF1+ IE5+ Opr7+
This is a vertical (drop to the right) version of Anylink CSS Menu above that can be used on arbitrary links or vertical menus to instantly add a drop down menu to them.

Chrome CSS Drop Down Menu FF1+ IE5+ Opr7+
Chrome Menu is a stylish CSS and JavaScript hybrid drop down menu. It's easy to configure and search engine friendly. The menu links is based on a list, while the drop down menus are simply regular DIV tags on page. Extremely compact, the menu is around 6k in size, including the interface images used.

Drop Down Tabs (5 styles) FF1+ IE5+ Opr7+
Drop Down Tabs is a horizontal CSS tabs menu that supports a second level drop down menu for each of its tabs. Like its cousin DD Tab Menu below, it comes with 5 attractive menu designs built in to make your life a little bit easier.

DD Tab Menu (5 styles) FF1+ IE5+ Opr7+
DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents. It comes with 5 sleek tab menu designs to choose from by default.
Retired script as a result: DD Tab Menu II

Horizontal hover menu FF1+ IE5+ Opr7+
A CSS horizontal menu with links that hovers up when the mouse moves over them. In select browsers, the links depress as well on mousedown.

Highlight menu effect FF1+ IE5+
Add a stylish "highlight" effect to your table menus using this versatile DHTML script. A thin border is applied around the table cell (<td>) in participation as the mouse moves over it, with this effect visible in IE4+ and NS6+

Accordion Menu script FF1+ IE6+ Opr9+
A list based vertical menu with nested content that expand and contract when the user clicks on a menu header. Specify which menu headers are expandable, style the headers differently depending on whether its content is expanded or not, and specify whether persistence of the menu states within a browser session should be enabled. Clean CSS and HTML make up the menu, and is very adaptable to customization.

3-state Hightlight menu effect FF1+ IE5+
This is a 3 state menu effect, appicable to any table. The table cell in question "hovers up" when the mouse moves over it, and depresses when down. Very cool effect.

CSS highlight menu FF1+ IE5+ Opr7+
Similar to the above 3 scripts, highlight your menu links as the mouse moves over them using this CSS powered script! Thanks to CSS, the effect is very customizable, efficient, does not rely on script, and finally, very small in file size. Visible in IE4+, NS6+, Opera 6/Mozilla, and degrades well with the rest.

Multiple Level Menus

Simple Tree Menu FF1+ IE5+ Opr7+
This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! Once transformed, the original list and its sublists can be collapsed/expanded at will, with cookies used to optionally persist its state.

HV Menu FF1+ IE5+ Opr7+
-User Submitted
We named this script "HV menu" for its ability to be laid out both horizontally (as a top menu) and vertically (as a side menu), but it might as well be for its highly versatile nature. With support for miltiple sublevels, vertical and horizontal layout, NS6 compatibility, and more, HV menu is one of the best scripts in its field.

All Levels Navigational Menu FF1+ IE6+ Opr8+
All Levels Navigational Menu is a CSS/ HTML list based menu with support for infinite levels of sub menus. It's lightweight and  easy to implement (the menu contents are simply regular HTML lists), with all of the menu links search engine friendly.

Top Navigational Bar III FF1+ IE5+ Opr7+
-User Submitted
An impressive three-level menu that functions in all DHTML browsers, including Mozilla and Opera 6+.

Blm Multi-level Effect menu FF1+ IE5+ Opr7+
-User Submitted
Blm Mult-level effect menu is a JavaScript/ CSS hybrid dropdown menu based on ordinary HTML lists. As its name suggests, it allows for infinite levels of sub menus.

Jim's DHTML Menu v5.7 FF1+ IE5+ Opr7+
-User Submitted
This script creates an absolutely positioned, cross browser navigational bar for your site. Efficient and small in file size, it can be set as either a horizontal or vertical menu, supporting multiple levels.

JsDOMenu FF1+ IE5+ Opr7+
-User Submitted
JsDOMenu is a context menu that pops up when the user "left" or "right" clicks on any blank space in the page. It supports unlimited submenus, and is functional in all modern browsers (IE5+, NS7+, Mozilla etc).

JsDOMenuBar FF1+ IE5+ Opr7+
-User Submitted
jsDOMenuBar is a cross browser horizontal menu bar based on jsDomenu above. It supports unlimited menu bar items, can be set to be draggable, and positioned either absolutely or relatively. jsDOMenuBar is 100% HTML/XHTML valid, and is fully customizable through CSS.

Chained Select menu FF1+ IE5+ Opr7+
A multi-dimensional form select menu, based on Xin's Chained Selects script. Links can be set to open in new window.

Scrollers

Pausing up-down message scroller FF1+ IE5+ Opr7+
This is an up-down message scroller that pauses between each message! Display multiple instances of the scroller on one page, change from multi-lined to single lined scroller easily, and more!

Fading message scroller FF1+ IE5+ Opr7+
This is your regular message scroller, except in IE5+ and NS6+, the messages are gradually faded into view!

Translucent scroller FF1+ IE5+ Opr7+
This is a sleek, "translucent" scroller. In between message changes, the scroller turns semi transparent (in IE4/NS6+) as the next message slides up to cover the old.

Cross Browser marquee FF1+ IE5+ Opr7+
This is a marquee script that scrolls rich HTML from left to right. Did we to mention that it's also cross browser?

Cross Browser marquee II FF1+ IE5+ Opr7+
This is version 2 of the cross browser marquee that scrolls the contents upwards (instead of sideways). It's also different in that the content to scroll is not stored inside JavaScript variables, but as plain HTML wrapped around a special DIV.

IFRAME scroller FF1+ IE5+ Opr7+
With the help of <IFRAME>, this scroller script uses an external HTML file as its content to scroll and display, making updating and adding rich HTML to the scroller a breeze. Works in both IE4+ and NS6+, degrading well with the rest (simply not appearing).

IFRAME ticker FF1+ IE5+ Opr7+
Similar to the above, this script displays content from an external HTML file, except the contents are displayed one at a time (rotated).

RSS Ticker (Ajax invocation) FF1+ IE5+ Opera8+
This powerful RSS ticker script lets you easily display any RSS content on your site in a ticker fashion! This script uses a simple PHP based RSS parser called LastRSS to retrieve an RSS feed, then Ajax and DHTML to display the feed dynamically and with flare.
Also Listed in Ajax and Iframe & XML and RSS

Pausing RSS Scroller FF1+ IE5+ Opera8+
Pausing RSS scroller is an innovative scroller that combines PHP and external JavaScript to let you show any RSS feed on your site- and beyond! By bypassing Ajax in favour of dynamically loaded JavaScript, the scroller can be included on any site, enabling you to syndicate your feed for other sites to display, just by allowing webmasters to cut and paste the frontend portion of this script.
Also Listed in Ajax and Iframe & XML and RSS

Ajax XML ticker (txt file) FF1+ IE5+ Opera8+
This is an Ajax enhanced ticker script that lets you use a text file as the contents of the ticker to show! Easily define your messages, which support rich HTML, all inside this external text file. Now there's no more excuse to not update the contents of your ticker more often!
Also Listed in Ajax and Iframe & XML and RSS

DOM XML ticker FF1+ IE5+
By combining DHTML with XML, this ticker script makes updating its contents a breeze, through an external XML file. Just open the file, and enter the desired messages to show. Plain text and links (with targeting) are supported, and script is functional in both IE5+ and Firefox.
Also Listed in XML and RSS

Page scroller (custom scrollbar) FF1+ IE5+ Opr7+
Looking for a script that replaces the window's default scrollbars in scrolling the page? This script allows you to use custom images to scroll the page up/down as the mouse moves over them.

Mike's DHTML scroller FF1+ IE5+
-User Submitted
Mike's DHTML scroller features smooth pausing between messages, configurable scroll speed, color, and font. Oh yes, the script's also cross browser functional...

Memory Scroller FF1+ IE5+ Opr7+
This thoughtful DHTML scroller remembers its last scrolled position just before the visitor navigates to another page, and upon his return, picks up the scrolling from where it last left off. For scrollers that contain a long message, your visitors will surely appreciate this functionality.

Memory Ticker FF1+ IE5+ Opr7+
This DHTML ticker remembers the last viewed message just before the visitor navigates to another page, and upon his return, picks up the message display from where it last left off. For tickers that contain many messages, it quickly becomes an indispensable feature.

News Bar FF1+ IE5+ Opr7+
-User Submitted
An attractive "news bar" script. Messages are automatically rotated and displayed, with the ability to manually cycle back and forth through them. This script is created entirely using form buttons.

DHTML Ticker script FF1+ IE5+ Opr7+
This is a DHTML ticker script that takes in an array of messages and displays them one message at a time. For you people that like a little more flare, the script also supports an optional fading effect between messages!

Expandable ticker FF1+ IE5+ Opr7+
This script expands on the regular ticker, by delivering its messages both in sequence (one at a time), and optionally, all at once. No more waiting to get to a message you saw earlier!

DHTML Billboard script FF1+ IE5+ Opr7+
Real life billboards use interesting transitional effects in between messages to catch viewers' attention. Well, so does this DHTML billboard script (IE5.5+ only) ! The script uses regular DIV tags to contain all the messages you wish to be shown, for ease of customizing them.

ProHTML Ticker FF1+ IE5+ Opr7+
Tired of the meticulous format required when entering messages into JavaScript Tickers? ProHTML Ticker rotates regular HTML messages wrapped around simply in DIV tags, making updating its content a breeze!

Featured Content Slider FF1+ IE5+ Opr7+
Featured Content Slider makes a slideshow out of arbitrary content on your page, so users can manually select a content to see or have them rotated automatically. Pagination links let the user quickly pick a content to show. Each content is simply normal HTML wrapped in DIV tags for effortless integration.
Also Listed in Dynamic Content

George's Expandable ticker FF1+ IE5+ Opr7+
Quite possibly the only ticker of its kind out there, George's Expandable Ticker brings together the best of two worlds to create a ticker that can be viewed both sequentially and simultaneously, via a dropdown menu.. Differs from the above in that this one is suitable for multi-lined content.

Fading Ticker Tape Script FF1+ IE5+ Opr7+
A cross browser ticker tape that can display an infinite number of messages. Each time the message changes, a fading effect is accompanied. The messages themselves are each clickable, and can be configured to go anywhere upon click.

Dynamic Fader IE5+
-User Submitted
Nicholas's cool Dynamic Fader script gently brings into view various messages, then fades them out after a few seconds. Also supports the display of HTML content (such as links), apart from plain text. Cool!

Slide-in scroller FF1+ IE5+ Opr7+
This scroller script conjures up a lively way of bringing messages into view- by sliding them from the left edge of the window.

Manual Scroller FF1+ IE5+ Opr7+
This DHTML scroller puts you at the helm. Scroll up, down, or pause as you choose. Plain HTML is used to specify its contents, so embedding/updating this content becomes a snap.

Typing Scroller FF1+ IE5+ Opr7+
-User Submitted
This scroller slashes and types its way into view! Visible and functional in IE 4+ and NS6+.

Cursor Scroller IE5+
This lonely scroller follows your mouse around, ensuring that the message it carries won't be missed by your visitors. And when that time comes for it to leave the scene, two methods are available to accomplishing its removal- either automatically after x seconds, or by double clicking your mouse.

Document title Scroller FF1+ IE5+ Opr7+
-User Submitted
Scroll your document's title into view with this script. Useful, for example, to display long titles.

External Data Source Marquee IE5+
An advanced scrolling marquee that uses an external HTML document as its content to scroll! Uses IE 5's default download behavior to accomplish this.

News Updater IE5+
A "news updater" that rotates among different messages. (The same script used in the frontpage of Dynamic Drive).

Text Animations

Always-on-top message FF1+ IE5+ Opr7+
A TV-like message banner script that creates a "always-on-top" message, centered at the bottom of the surfer's screen. Use it like its used on TV- to advertise your products, or anything else that requires special attention.

Trembling message FF1+ IE5+ Opr7+
Make select messages on your page "shiver" slightly to draw attention to them, with this text script.

Document Text Sizer FF1+ IE5+ Opr7+
-User Submitted
Sometimes the text size you've specified for your webpage isn't suitable to the viewer, depending on his browser configuration or OS. This useful script by Taewook uses Dynamic CSS to let the viewer himself modify the text size of the page on demand, by clicking on an Increase or Decrease Font Size link.

Google Search Terms highlighter FF1+ IE5+ Opr7+
-User Submitted
This script highlights any terms on your page used by a visitor coming from Google to locate it, similar to a popular feature found in Google Toolbar. It's a great way to retain search engine visitors, by helping these folks quickly focus in on the relevant areas on your page pertaining to his/her search query.

The Matrix Text effect FF1+ IE5+
-User submitted
Requiring little introduction, this creative DHTML script renders The Matrix effect on any short piece of text! Digital letters gradually drop down to form the phrase of your choice.

Bouncy Message IE5++
This is an energetic little text script that bounces a message around your visitor's window screen. Not only can you add HTML to the mix, but also, configure precisely the speed of the animation, and whether the message should disappear after x seconds. And to top it all off, the script works cross browser!

In-your-face message greeting FF1+ IE5+ Opr7+
-User submitted
Steve, a surfer, created this great, cross-browser greeting script that will sure catch your surfer's attention, if nothing else! The greeting message zooms in and expands until it fills the entire screen before disappearing. Cool!

3D spinning message IE5+
-User submitted
3D Spinning Message uses VML to display/rotate messages on the top of the page via a circular animation. Everything from the size of the "circle" to the colors of the text can be customized. A good script to capture people's attention.

Neon Lights Text FF1+ IE5+ Opr7+
-User submitted
Bring the age old technique of attracting attention on the streets to your webpage! This DHTML script applies a neon light effect to any text...very cool.

Neon Lights Text II FF1+ IE5+ Opr7+
-User submitted
Based on the original Neon Lights script, this version applies a "moving light" to any text. Two different colors can be used concurrently for the effect, giving the light depth.

Vertical Text script IE5.5+
Text has always been displayed horizontally (in the Western World at least), until now! This script harnesses the "writing-mode" attribute of CSS, supported in IE5.5+, to display any text vertically in those browsers. Great for showing items such as copyright text, special notices etc.

Rainbow Text IE5+
-User submitted
Utilizing IE 5's proprietary behavior functionality, Chris' script allows you to apply a live rainbow effect to any block of text, with multiple text/page supported!

Flying letters FF1+ IE5+ Opr7+
-User submitted
Animate your site's header into view, one letter at a time, with this one-of-a-kind script!

Nudging Text IE5+
-User submitted
This attention craving text contains letters that constantly nudge one another.

Roller Coaster Text IE5+ Opr7+
-User submitted
This interesting text effect animates any text in a roller coaster style!

Sine Scrolling Text script IE5+ Opr7+
-User submitted
Using some sophisticated math calculations, not to mention great DHTML programming, Mark has created this visually stunning sine scrolling text animation. The text flows from left to right, following the "sine curve." Quite amazing, really.

Wave text IE5+
-User submitted
Add a watery, wavy effect to a header text with this mesmerizing script!

Shock Wave Text IE5+ Opr7+
Send ripples through your text with this script!  Eye-catching way to display rotated messages on your site.

Text Animator IE5+ Opr7+
-User submitted
Text Animator is a great cross-browser text effect. It fades in and out infinite text messages, with each message optionally being clickable.

3D Text All
-User submitted
Check out how DHTML can be used to replace images in rendering 3D and fancy text! Text created with DHTML loads much faster than gifs, and are easier to manipulate on the fly.

Typing Text FF1+ IE5+ Opr7+
A script that causes any text inside a particular <span> tag to be "typed out" in IE 4.x, one letter at a time. All other browsers will simply see the text fully displayed from the start.

Dissolving text effect IE5+ Opr7+
-User submitted
This is a great DHTML script that rotates and displays any number of messages, with a unique dissolving effect applied during each rotation. Very impressive...

Glowing Text IE5+
Add flare and draw attention to important text on your page by making them glow! This script utilizes the glow filter of DHTML to first surround any text with a yellow "light", then uses scripting to make the light "come alive" and glow.

Pulsating Text IE5+
-User submitted
Use this script to render an "aura" around your text, accomplished using IE's multimedia filters and scripting.

Upper Right Corner flying text IE5+
A script that causes the enclosed text to fly in from the upper right corner of the screen to the original location of the text.

Dropping Text IE5+
A script that causes a line of text to drop down from the top of the screen, word by word, to the original location of the text.

     
User System/ Preference

No right click script FF1+ IE5+
-User Submitted
This is a DHTML script that will prevent the default right menu from popping up when the right mouse is clicked on the web page. Use it to stop surfers from easily saving your web page, viewing its source, or lifting images off your site when using either IE 4+ or NS 4+. Definitely useful for many site owners...

No right click script II (on images) FF1+ IE5+
This alternate version of the no right click script targets only images, so right clicking is diabled only when attempting to save an image on the page.

No right click script III (no alert) FF1+ IE5+
-User Submitted
A "silent" no right click script that disables right clicking on the page while NOT alerting any message.

Disable image toolbar script IE6+
"Image Toolbar" is a IE6+ specific feature that allows your visitors to easily save, email, or print images off of your site. Use this script to disable this functionality, so your site's images are not so readily exposed to manipulation.

Cross-browser print button FF1+ IE5+ Opr7+
-User Submitted
Use this print button to allow your surfers to directly print a web page simply by clicking on the button!

Style Sheet Switcher (v1.1) FF1+ IE5+ Opr7+
This is a versatile "plug & play" style sheet switcher that lets your visitors switch between a list of alternative style sheets to apply to your site. With a change of style sheet the entire look of your site can be transformed. Cookies are used to enable persistence across site and for any number of days. It's time to make the switch!

Different CSS depending on OS (Mac or PC) FF1+ IE5+ Opr7+
This script allows you to conditionally apply two different style sheets to your page depending on whether the user's Operating System is Mac or PC (default). The style sheet to load can either be two global inline styles or external CSS files.

Document Text Sizer FF1+ IE5+ Opr7+
-User Submitted
Sometimes the text size you've specified for your webpage isn't suitable to the viewer, depending on his browser configuration or OS. This useful script by Taewook uses Dynamic CSS to let the viewer himself modify the text size of the page on demand, by clicking on an Increase or Decrease Font Size link.

Screen resolution detection and notification FF1+ IE5+ Opr7+
A script that tests the surfer's screen size, and if it's not a certain size (ie: 800*600), suggests to the surfer to change resolution.

Screen resolution redirect script FF1+ IE5+ Opr7+
-User Submitted
This much requested script by Robert redirects users to four different pages, depending on her monitor screen resolution (640x480, 800x600, 1024x768, other). Functional in all 4th+ generation browsers.

Screen Type Detection FF1+ IE5+ Opr7+
A script that detects the surfer's screen width, height, and color depth.

Browser Sniffer script FF1+ IE5+ Opr7+
This browser sniffer detects all the major browsers currently available, and passes the results on as variables to facilitate your browser detection needs. It differentiates between Windows, Mac and Linux, and the most commonly used DHTML browsers - IE4/5/6, Netscape 4/6/7/other Gecko, Konqueror 2.2+, Safari, Opera 5/6/7, and "other."

Browser redirect script FF1+ IE5+ Opr7+
This is a DHTML redirect script that sends your visitors to three different pages, depending on whether she is using NS 4+, IE 4+, or neither. It's a fool-proof way to ensure that only the intended browser gets to see and run a browser-specific DHTML script.

Encrypted Password FF1+ IE5+ Opr7+
Password protect your webpage with this encrypted password script!

Easy Email Scrambler FF1+ IE5+ Opr7+
This script encrypts any email link on your webpage to hide them from harvesters and spammers. The script shines in its ease of implementation and extensive browser compatibility.

Message encrypter FF1+ IE5+ Opr7+
This script scrambles regular text into encoded form using your selected "key." Recipients must then possess the key to be able to decipher the message. Great fun, with one practical use to send out encrypted emails to your friends.

Source Code Encrypter FF1+ IE5+ Opr7+
Scramble the source of any chunk of code, or the entire webpage, using this creative script. The encrypted code will still be interpreted properly by the browser, just difficult for us humans to read.

Disable Text Selection script FF1+ IE5+ Opr7
This is a simple script that lets you disable text selection (the ability to drag and select text) within any element on your page, such as a certain paragraph.

Set site as homepage script IE5+
-User Submitted
This is the highly requested IE 5 script that allows your surfers to set your site as their default homepage simply with a click of the mouse! Increase your site's popularity and exposure as surfers are directed to your homepage each time they launch their browsers!

Bookmark Site script FF1+ IE5+ Opr7
This is a cross browser script for allowing the user to easily bookmark your site, by clicking on a link on the page.

Add to NS6 Sidebar  NS6
NS6 comes with a unique component called the Sidebar, which is essentially a looming left frame that can contain content from various web sites- including yours. Use this script to enable NS6 visitors to add your site to their sidebar!

Add Active Channel IE5+
-User Submitted
Allow your surfers to add your site to their channel bar in IE   easily with this script!

Alternate document for printing FF1+ IE5+ Opr7+
Specify to your printer which file to print when the user attempts to print a page!

Browser Window

DHTML Window widget FF1+ IE6+ Opr8+
This is a robust DHTML Window widget that replicates the look and functionality of a  traditional pop-up window, minus the intrusiveness. Drag or resize the window widget on the page, minimize or close it, load a new page into it, or spawn whole new windows just as you would with popups. It's a modern, web 2.0 alternative to pop-up windows! Add-on #1- DHTML Modal window:
This addon script extends DHTML Window widget with modal windows support. A modal window differs from a regular DHTML window in that a "veil" appears over the rest of the page whenever the modal window is open, requiring the user to explicitly close it before the veil is lifted and the user can interact with the page again.

Top-Down scrolling window script FF1+ IE5+ Opr7+
A scrolling window script that dynamially scrolls the window all the way to the bottom of the page, then starts all over again. Use it on presentational pages to allow surfers to sit back and just enjoy the presentation!

Left-Right scrolling window script FF1+ IE5+ Opr7+
A variant of the above script that dynamically scrolls the window all the way from the left edge of the document to the right, then starts all over again.

Popup window generator FF1+ IE5+ Opr7+ wizard.gif (1201 bytes)
-User Submitted
Use Eric's Popup window Generator to easily add popup windows to your site! The windows are activated by clicking on a link, and can be fine tuned in every aspect, such as dimensions, scrollbars, toolbar etc. Awesome tool.

Open offsite links in new window FF1+ IE5+ Opr7+
Concerned about people leaving your site when navigating to offsite links? This script lets you either automatically have all offsite links open in a new window, or let the user decide, via a checkbox. Links that belong to your own domain(s)- as specified by you inside the script- are not affected either way.
Also Listed in Links and Buttons

Open select links in new window FF1+ IE5+ Opr7+
Specify arbitrary or entire groups of links on the page open in a new window with this flexible script. An optional checkbox lets the visitor easily toggle between "open in new window" or "current window" instead.

Chromeless window IE5+
-User Submitted
A chromeless window is a special type of window stripped of the conventional interface, such as titlebar, browser buttons, status bar etc (aka chrome). This allows you to implement your own chrome, from how the title bar should look, the buttons to display (ie: close, max), to whether to render a border. In other words, a custom popup window!

Collapsible Frame Script FF1+ IE5+ Opr7+
If your site uses frames, a fantastic feature to add would be the ability to collapse/expand a particular frame on user demand. This allows a frame to be tucked away when it's not needed. This script enables you to do just that!

Mini Window Script FF1+ IE5+ Opr7+
A mini-window inside the document that contains another html document. Browsers other than IE 4+ and NS6+ will simply see nothing.

Modeless Window Script IE5+
Modeless windows, a feature introduced in IE5, presents a window that stays active/visible on the user's screen until explicitly dismissed. A good way to display "announcements" or other content that demand attention.

Auto Maximize Window FF1+ IE5+
A simple script that automatically maximises the browser window when it is loaded within a webpage.

Auto-centering Popup Window FF1+ IE5+
-User Submitted
Use this practical DHTML script to not only open up links in a secondary popup window, but one that's centered in the middle of the user's screen!

Full Screen Window Opener IE5+
Opens up a new window that spans every inch of the screen. Requires IE 4.x, although all other browser will still open a window in "normal" full screen mode.

Channel Mode Window Opener IE5+
Opens up a new window in channel mode, with the IE channel bar appearing on the left.

Animated Window Opener FF1+ IE5+
Opens a secondary window that expands to cover the entire screen before loading the specified document into it. The animation works by expanding the window both horizontally and vertically at the same time.

Animated Window Opener II FF1+ IE5+
-User Submitted
Instead of just spawning a window, this script animates it into view, by expanding it horizontally then vertically until it fills the screen. The animation is fast enough to not become tedious, and the corresponding links are easily set up.

Other

JavaScript Sound effect IE5+
Add a sound effect to your webpage for certain actions, such as when the user moves his mouse over a link. This IE-only script is simple yet versatile, allowing you to instantly apply the sound to multiple items on the page. Relies on the <BGSOUND> tag.

DOM Drag & Drop script FF1+ IE5+ Opr7+
-User Submitted
This is a no fuss DOM drag script that be used on any relatively or absolutely positioned element on the page to make it instantly dragable. The script also fires 3 custom event handlers that let your page sense and react to the dragging in some fashion.

Color Picker Widget (YUI Based) FF1+ IE6+ Opr7+
Color Picker Widget iis an advanced Color Picker script that can be easily integrated into any form field(s). Based on YUI's Color Picker control, it supports the ability to display the Color Picker either inline on the page, or as a floating widget, activated by clicking on a "control".

ColorJack DHTML color picker FF1+ IE6+ Opr8+
-User Submitted
ColorJack DHTML color picker is a cross browser, sleek color picker that's compact to boot. Licensed under Creative Commons, use it on your sites or web apps.

pathGenerator FF1+ IE5+ wizard.gif (1201 bytes)
-User Submitted
_pathGenerator is an online wizard that allows anyone to easily create an animating layer that follows any desired path. Just drag your mouse to map out its course, and the corresponding code is instantly generated. Note that IE5 is needed to use this app, though the generated code works across all DHTML browsers.

VML Editor IE5+
-User Submitted
VML (Vector Markup Language) is a text based vector graphics format proprietary to Internet Explorer. Jacco has created the following powerful VML editor to allow you to use your mouse to visually render basic VML text and shapes, with the corresponding VML codes then generated. A powerful demonstration of DHTML and VML.

Time-based Progress Bar FF1+ IE5+ Opr7+
-User Submitted
This is a fully customizable "time based" progress bar. Set any duration (ie: 10 seconds) for the script to finish loading the bar. A great script to provide graphical countdown to any action that involves a delay before execution.

Event-based Progress Bar FF1+ IE5+ Opr7+
-User Submitted
This is an event-based progress bar which you can add to existing scripts that require graphical representation. Using 3 pre-exposed methods, you control precisely when it loads and by how much each time.

WinXP Progress Bar FF1+ IE5+ Opr7+
-User Submitted
A great looking pure DHTML progress bar that resembles the one seen in Window XP's startup screen. All visual aspects of the bar can be customized, and the script can be invoked multiple times to display multiple bars on the same page.

Pie Graph script FF1+ IE5+ Opr7+
-User Submitted
This is a purely DHTML/ CSS based Pie Graph script. It loads fast and blends in with the rest of the page.

Line Graph script FF1+ IE5+ Opr7+
-User Submitted
Based on the same library as the Pie Graph script, this is a purely DHTML/ CSS based Line Graph script. It loads fast and blends in with the rest of the page.

Find In Page Script FF1+ IE5+
-User Submitted
This cross browser DHTML script simulates the Edit> Find In Page feature of the browser to allow your visitors to easily search for a particular text on your page. As in the "Find In Page" feature, it highlights the searched text if found, otherwise, prompts a "Not Found" message. Supports searching of both current page and a particular frame.

Gradual Element Fader FF1+ IE5+ Opr8+
This is a generic fader script that can be applied to element(s) on the page to make them gradually fade into view when the mouse rolls over them, and fade out when out. Just give the desired elements on the page a "class=gradualfader" to kick start the effect.

Highlight Table Cells Script FF1+ IE5+ Opr7+
Give any table a "rollover" personality with this script! Using it, you can allow the cells of any given table to change color when the mouse rolls over them. This is a very powerful script that can add a little magic to any table, whatever the table is used for.

Tip of the day dialog IE5+
-User Submitted
Provide daily tidbits of interesting information to your visitors, in an even more interesting way, with this ultimate tip of the day script!

DHTML Calculator IE5+ Opr7+
A DHTML calculator with error checking. Definitely more stylish than the traditional JavaScript calculator, if nothing else!

Animated document title FF1+ IE5+ Opr7+
Possibly the net's first, this DHTML script brings to life once the dullest of the dull element on your page- the TITLE. The script automatically seeks out the <title> of your document, and animates it to view in IE 4+ and NS 6. All other browsers will simply see the text in its original static state.

Arrow head title FF1+ IE5+ Opr7+
Have moving arrows point at your document's title, with this fun script! Effect works in both IE4+ and NS6+, degrading well with the rest of the bunch.

DHTML Calculator with receipt output IE5+ Opr7+
A DHTML calculator that also outputs a "receipt" after each calculation, like a cash register!

Flashing table border FF1+ IE5+ Opr7+
A script that flashes the border of a table, alternating between two colors.

Copy text to clipboard script IE5+
-User Submitted
This "demo" script does two things: 1) identifies the selected text on the page 2) copies this text to clipboard. As part of a larger application, it is useful wherever text needs to be rapidly and instantly copied.

Scrollbar colors customization IE5+
Colorize the scrollbars of your webpage with this CSS script.

onMouseover scrollbar effect IE5+
-User Submitted
Use this unique script to apply a rollover effect to your webpage's scrollbar!

Ajax load XML file script FF1+ IE5+ Opera7+
-User Submitted
This script demonstrates the concept of using Ajax to load a simple XML file and display it on the page.

Gradient Bar IE5+ Opr7+
-User Submitted
An impressive demonstration of using DHTML code to render a gradient bar. Easily change the bar's color, position and direction, all through the setting of a few variables!

DHTML Adjust Bars IE
-User Submitted
This is a demonstration of using DHTML to create "adjust" bars, similar in interface to a volume control bar of Windows. In the demo, the bars function as color adjusters, though, through modification, can be set to do virtually anything.

XML and RSS

gAjax RSS Feeds Displayer (hosted) FF1+ IE5+ Opera8+
This script takes advantage of Google's Ajax Feed API to let you easily display RSS feeds on your site without hosting anything on your own servers. Display results from multiple feeds intermixed, sort them in a variety of ways, specify which components of each RSS entry to display, and more.

gAjax RSS Ticker (hosted) FF1+ IE5+ Opera8+
Powered using the gAjax RSS Displayer engine above, this script creates a RSS ticker capable of displaying multiple feed sources. You can sort the entries, specify how many RSS entries to show at once, and more. And all this without having to install anything on your site. Cool!

gAjax RSS Pausing Scroller (hosted) FF1+ IE5+ Opera8+
Powered using the gAjax RSS Displayer engine above, this script creates a pausing RSS scroller capable of displaying multiple feed sources. You can sort the entries, specify how many RSS entries to show at once, and more. And all this without having to install anything on your site.

RSS Display Boxes FF1+ IE5+ Opera8+
Using Ajax, this script makes it easy to display RSS feeds from other sites inside DIV containers. Each RSS box can be independently tailored, from the RSS feed to fetch, how many items to show (and whether to paginate them), to what portions of each entry (just the "title", or "title" plus "description" etc) to display.
Also Listed in Ajax and Iframe

Ajax XML ticker (txt file) FF1+ IE5+ Opera8+
This is an Ajax enhanced ticker script that lets you use a text file as the contents of the ticker to show! Easily define your messages, which support rich HTML, all inside this external text file. Now there's no more excuse to not update the contents of your ticker more often!
Also Listed in Scrollers & Ajax and Iframe

DOM XML ticker FF1+ IE5+

By combining DHTML with XML, this ticker script makes updating its contents a breeze, through an external XML file. Just open the file, and enter the desired messages to show. Plain text and links (with targeting) are supported, and script is functional in both IE5+ and Firefox.
Also Listed in Scrollers

Pausing RSS Scroller FF1+ IE5+ Opera8+

Pausing RSS scroller is an innovative scroller that combines PHP and external JavaScript to let you show any RSS feed on your site- and beyond! By bypassing Ajax in favour of dynamically loaded JavaScript, the scroller can be included on any site, enabling you to syndicate your feed for other sites to display, just by allowing webmasters to cut and paste the frontend portion of this script.
Also Listed in Scrollers & Ajax and Iframe

RSS Ticker (Ajax invocation) FF1+ IE5+ Opera8+

This powerful RSS ticker script lets you easily display any RSS content on your site in a ticker fashion! This script uses a simple PHP based RSS parser called LastRSS to retrieve an RSS feed, then Ajax and DHTML to display the feed dynamically and with flare.
Also Listed in Scrollers & Ajax and Iframe