Dynamic Drive- The definitive DHTML site, visit Dynamic Drive for hundreds of free, original DHTML scripts, such as DHTML menus, and more! |
. | |
![]() |
|
![]() |
jScale Image Scaler
jScale is a practical jQuery plugin that lets you easily scale an image
on the page proportional to its original dimensions in numerous ways.
Simply set the new desired length of any of the image's two sides, and
have the script scale the other side accordingly. Supports animation and
callback function.
Random
Transitions slideshow
This is an image plus text
description slideshow that brings each image into view using 1 of 17 randomly
chosen
Transitional effects in IE browsers. For other browsers that don't support these
built in effects, a custom fade transition is used instead. Each image
can be optionally hyperlinked with a text description beneath it, and
the slideshow pauses when the user moves the mouse over it.
apTabs script
apTabs is an unobtrusive HTML/JavaScript Tabs solution using the Prototype
framework. Regular H2
header tags are used to render the
tabs themselves, and DIV
s for the tab contents. A novel
feature is the ability to scroll the tabs horizontally to display lots
of tabs in a confined space.
Rich HTML
Ticker
Rich HTML TIcker is a practical script for displaying ordinary,
rich HTML content in a rotated fashion on your page. The ticker contents
can either be defined inline on the page, or within an external file and
fetched using Ajax.
Animated Outline Menu
This is a sleek drop down menu
that can be associated with any "anchor" link on the page. As it drops
down or contracts an animated "outline" effect is applied for
good measure. The menu can be set to appear either via a "click
"
or "mouseover
" of the anchor link.
Inline HTML Tooltip
Inline HTML Tooltip lets you
define rich HTML tooltips that are embedded directly inside your webpage and that
appear when the mouse rolls over links on your page. The tooltip appears
directly beneath the anchor link, and adjusts its position dynamically based on
whether the mouse is too close to the window's edges.
Document Text Resizer
This script adds the ability for your users to toggle your webpage's
font size, with persistent cookies then used to remember the setting. The script works
unobtrusively and with any webpage, by adding to the page one of several CSS
classes that change the page's font size depending on the setting clicked on.
Drop Down Panel script
Drop Down Panel adds a pull down
panel to the top of your page that contains external content fetched via Ajax.
Visitors click on the protruding button to cause the panel to drop down
and reveal its content. Clicking anywhere on the panel again closes it.
Overlap Image Viewer
Overlap Image Viewer lets you
quickly associate an image with any element on your page, so that when the mouse
rolls over it, the desired image is shown on top of it. A nice "dimming"
effect is applied to the element while the loaded image is shown.
Ajax Tooltip
script
This Ajax
script enhances the default "title
"
attribute of HTML so certain tooltips can instead get their contents
from an external file, with rich HTML content and all. Integration is
easy and non obtrusive.
Fade
In Content Viewer
This script turns ordinary HTML content
wrapped around DIV tags into a series of interactive contents, with one
faded into view on demand! You can use it to spotlight new or important
contents on your site. And since each content is simply normal HTML on
the page, setting it all up is painless.
Ajax Page
Fetcher
This Ajax script lets you fetch another
page's content (both needs to be from the same site) and display it on
demand within the current page. You can further specify any external .js
or .css files that should be loaded at the same time as the external
page.
BackBox Image Viewer
BackBox is a
new image gallery script which displays your pictures in a smooth and easy way.
It works on the same principle as "Lightbox.js", though it supports the ability
to dismiss the enlarged image when the user clicks the browser "back" button,
instead of the default action of going to the previous page. The interface also adds
explicit "pervious" and "next" links, plus a auto rotation mode.
Limit
number of checked checkboxes script
This short
but practical script lets you limit the number of checkboxes within a group that
can be checked. For example, you may have a list of 5 checkboxes, but wish to
allow the user only the ability to check a maximum of 2 at any time. Use this
script to accomplish that.
Flip Menu
Flip Menu creates a collapsible
menu tree out of an ordinary HTML list! It consists of just one external
.js file, in which you specify settings such as whether to persistence
the menu state (using cookies), the images used to replace the default
list bullets, and if any previously open branches should be closed when
the current one is open.
Form
Field hints
Provide helpful hints alongside certain form fields to guide your users on
how to fill them out with this elegant script. A hint pops up only when
the field is question has the user focus.
Divviewer Image
Viewer
Divviewer
Image viewer lets you display images inline- when the user clicks on a link-
scaled to fit the dimensions of the page if necessary. This is very handy
for very large images which may produce those unsightly browser scrollbars
if not scaled.
Pagination
Combo Box
Inspired by a similar mechanism found
on certain articles on PCWorld.com, use this combo box script as the
pagination interface on a series of related pages, such as a long article.
Random content
Easily
display a random piece of content chosen from many on the page to your visitors
using this script! Just wrap the participating contents each inside a DIV with a
special CSS classname, and that's it! Supports multiple
"groups" of random contents.
Random-order
content
This script
lets you shuffle the display order of regular content on your page. Just wrap the participating contents each inside a DIV with a
special CSS classname, and the script will scramble the order in which these
contents are shown on the page from top to bottom! Supports multiple
"groups" of random order contents.
Animated
random option combo
This is a unique combo menu script
that supports the ability to randomly select from an option the list of
available ones to visit. It's a combo menu with a sense of adventure!
Dolphin
Tabs Menu
This
is a CSS based, search engine friendly Tabs Menu that supports a
second horizontal level when the mouse rolls over one of the tabs.
Animated
Information Bar
This script mimics the interface of
the IE ActiveX information bar that slides into view from the top of
the browser in displaying information to your visitors in a eye
catching way! The bar slides in view and remains static on the screen
even when the user scrolls the page.
Folding Treeview
Menu
This is an versatile folding Treeview menu
using YUI's
treeview control. It lets you define a collapsible tree with support
for arbitrary number of levels, plus the ability to make any node a link with
it!
JavaScript image clock
This
is a compact JavaScript image clock that's updated live
every second. It comes with a default image pack for the interface, though you
can easily specify you own
"digits" images instead inside the script.
DHTML Select Menu
This script transforms ordinary SELECT
elements on your page into custom DHTML drop down menus instead! The
end result is a custom looking navigation menu based entirely on the
SELECT menu's HTML.
CSS
Horizontal List Menu
This is a lean CSS vertical menu. The markup
is entirely based on an ordinary HTML list, with support for 1 level of
nested lists. The nested lists are transformed into 2nd level drop down
menus that appears dynamically onmouseover.
CSS
Vertical List Menu
This is a lean CSS vertical menu. The
markup is entirely based on an ordinary HTML list, with support for 1
level of nested lists. The nested lists are transformed into 2nd level
drop down menus that appears dynamically onmouseover.
Dbmenu
dbMenu creates 3 different types of drop
down menus using 1 script. In each case the menu's interface is styled
using CSS, with the menu contents themselves being HTML list based for
easy set up and search engine friendliness.
Remember
Text field values
Certain form fields always contain the same values, such as your
user's name, email address fields etc. This script will remember the
values entered into these fields, and automatically fill out these
fields the next time the user returns.
Display
time of last visit
This script records the date+time of your visitor's last visit and displays it upon their return. If this is their first visit to
your site, a greeting message is shown instead. Very cool!
2 level
horizontal tab menu
A CSS based tab menu that supports a
secondary level of menu items. Both levels are horizontal, so there no
drop down menus that may become hidden underneath form elements in
browsers such as IE. Cool!
Epoch DHTML
Calendar
Epoch is a flexible DHTML calendar that
supports several display formats, such as inline on the page, as a
DHTML date picker, or an calendar that with the ability to select
multiple dates. Open source and released under GNU license.
HTML Table
Filter script
This awesome script adds to any html table
a "filter by column" feature that enables users to filter and limit
the data displayed within a long table. It even works on tables with
uneven rows. The script automatically adds a filter grid bar at the
top of the desired table.
Sortable Table script
with alternating row colors
This is a plug and play
table sorting script that can be applied to any table on your page,
with support for features such as alternating row classes and
specifying a certain row to not be sortable.
Dynamic Date selector
A visually attractive dynamic date selector for form input fields. When the user clicks on a input field, the calendar will pop to let the user easily select a date value to enter. Script tested and works on Firefox, Internet Explorer, Netscape, Opera.
You may freely use any scripts found in our library on BOTH personal & commercial webpages.
You may NOT, however, redistribute our scripts, by putting them on another script archive or CD ROM, for example.
Want to submit an original script to be included in our archive? Click here.
- CSS Library
- Web Templates
- HP Q2612A Toner Cartridge
- JavaScript Community
- Software Geek
- Web hosting