What's New (Page 1 of 7)

Jan 31st, 2012

HTML5 background audio player Credits: Dynamic Drive
HTML5 background audio player lets you play "soothing" background music on your pages with a simple user interface to control basic tasks such as stopping or lowering its volume. Unlike a regular audio player, it can remember the player's current point in the music playback, volume, and whether it's paused within a browser session, so as the user moves from page to page that contains the audio player, the music plays continuously with minimal disruptions.

Background Image Carousel Credits: Dynamic Drive
Background Carousel script is an image carousel that displays its images as background images. The advantage of this is the ability to easily modify the way each image is presented per CSS's background attribute. Use CSS's background-position property to easily center each image inside the container, or CSS3's background-size property to intelligently scale the image so it fits the container perfectly.

Dec 5th, 2011

Image Swap and HTML5 audio effect Credits: Dynamic Drive
This script makes it easy to add rollover/ mousedown effects to any element on the page, whether it's an image or text link, even image submit buttons. The two possible effect are either an image change, or audio playback using HTML5. Whichever effect you utilize, the script will preload the image or audio for a smooth transition.

Oct 21st, 2011

jQuery Custom Scrollbar Credits: Dynamic Drive
jQuery custom scrollbar script lets you replace the default scrollbar of overflowing content with a custom image based one instead. Both horizontal and vertical scrollbars are supported. The script once initialized also exposes several public methods for dynamically scrolling to particular points within the content.

Oct 3rd, 2011

Slick Custom Scrollbar script Credits: PK
There are plenty of situations where the default scrollbar of the browser doesn't quite cut it in terms of style or footprint. Well, Slick Custom Scrollbar lets you replace the default browser scrollbar on long content with a custom one instead, styled using pure CSS.

Sticky Content script Credits: Dynamic Drive
This simple script lets you stick any content on the page once the user scrolls past it so it remains in view even afterwards. It does this by cloning the element first before giving the newly minted element a CSS position of "fixed". Specify if the content should stop being "sticky" after x seconds, and also, whether to apply a CSS class to it while it is.

Aug 8th, 2011

Auto Save Form Value script Credits: Dynamic Drive
This useful form script automatically saves the contents of a form periodically as the user types and recalls them in the event of an accidental page refresh or even browser closing. Similar to how GMail automatically saves the contents of your draft email, it's an excellent feature to add to forms that expect a lot of content and where losing them can cause a lot of grief for the user filling the form out.

June 13th, 2011

DD Mega Menu Credits: Dynamic Drive
DD Mega Menu is a drop down menu system that supports arbitrary sub menu layouts, such as multiple columns of links, even arbitrary rich HTML. Furthermore, it supports nested mega menus, so one mega menu can contain links that in turn trigger another mega menu to drop down.

May 10th, 2011

Drop-in content box Credits: Dynamic Drive
Ensure that particular content on your page gets the attention it deserves, by dropping it into view, using this script. The content for each drop in box can either be defined inline on the page or inside an external file. And to ensure the whole affair doesn't become a nuisance, the script lets you control the frequency of the box's showing in a myriad of ways, such as once per browser session or once every x minutes, hours, or days.

April 22nd, 2011

jQuery Gooey Menu Credits: Dynamic Drive
jQuery Gooey Menu uses the popular "lava lamp" effect to create CSS menus with a moving gooey background effect. Whenever the mouse moves over a menu item, the desired style that indicates the selected menu item follows the mouse to that item, smoothly highlighting the currently active item.

March 15th, 2011

HTML5 Notepad Credits: Dynamic Drive
This HTML5 based "notepad" app uses HTML5's DOM Storage capability to allow users on your site to save and persist random bits of text for retrieval later, using the user's harddrive as the method of storage. The content does not ever expire until explicitly cleared by the user.

February 8th, 2011

Sticky Note script v2.0 Credits: Dynamic Drive
Sticky Note lets you displays floating content anywhere on the page that remains in view even when the page is scrolled. Each sticky note content can be defined either inline on the page, or inside an external text file and fetched via Ajax instead.

January 18th, 2011

Google Map Selector Credits: Dynamic Drive
This jQuery script lets you easily embed a Google Map on your page that supports switching between multiple addresses. A two column layout is presented by default, with the list of desired addresses on the left column and a Google Map on the right.

December 9th, 2010

Speech Bubbles tooltip Credits: Dynamic Drive
Speech Bubbles Tooltip lets you add tooltips to links using either the value of the link's title attribute, or rich HTML defined all inside a single HTML file and fetched using Ajax instead. The style of the tooltip is modelled after the iconic speech bubble and uses NO images.

November 1st, 2010

Expandable Sticky Bar Credits: Dynamic Drive
This script uses CSS's "positon:fixed" property plus a splash of JavaScript to create a sticky footer or header bar that expands when the mouse rolls over it. It's useful for showing supplemental information of a site that should always be in within a mouse action away. The markup of the bar can either be inline HTML defined within the page it's on, or entirely in a separate HTML file and fetched via Ajax.

October 1st, 2010

jQuery Form to Form Wizard Credits: Dynamic Drive
This powerful jQuery script turns a FORM into a multi-step FORM wizard! Simply group logical elements within your FORM by surrounding them with the FIELDSET element, and the script does the rest in creating a new page for each group, plus the appropriate "Steps" text and pagination links above and below the form.

August 18th, 2010

Continuous Reel Slideshow Credits: Dynamic Drive
Continuous Reel Slideshow lets you showcase images in a reel like fashion, one image at a time and in an continuous manner, with no breaks between the first and last slide. The reel can be played from left to right (horizontally), or top down (vertically), and pauses onMouseover. You can implement controls to allow users to manually move the reel forward and backwards, instead of it playing automatically.

SAG Content Scroller Credits: Dynamic Drive
SAG Scroller takes a regular UL list and scrolls it upwards, one LI at a time and pausing in between. It lets you showcase content that can either be defined inline on the page, or in an external file and fetched via Ajax instead. The scroller can be set to either auto scroll, or on user demand via the navigation panel as part of its interface.

June 28th, 2010

Fluid Text Resizer Credits: Dynamic Drive
Fluid Text Resizer, a compact yet versatile jQuery based text resizer script. It can adjust the text size of a particular section of your page, such as just the primary content area, multiple sections, or the entire document in general. A fluid animation is used to morph into the new text size, and session cookies are used to remember the new setting. Cool!

May 8th, 2010

Image Thumbnail viewer II Credits: Dynamic Drive
This practical script loads and displays a larger image inline on the page when a image link or thumbnail is clicked on or rolled over. Completely rewritten and transformed from its former self, the new script supports a handful of useful features, from ability to hyperlink the enlarged image, show a description beneath it, to enabling/disabling image preloading and revealing the large image by fading or resizing it into view.

Featured Image Zoomer Credits: Dynamic Drive
You may have seen such a feature on some ecommerce sites- move your mouse over a product image, and a separate "magnifying glass" appears showing an enlarged potion of the image. As you move your mouse within the image, a different portion is shown. Well, Featured Image Zoomer lets you add such a functionality to your site! It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.

April 4th, 2010

Image Bubbles effect Credits: Dynamic Drive
Image Bubbles is a cool Flash-like effect that causes an image to bubble up and expand whenever the mouse rolls over it from within a series of images. It's a nice way to draw attention to an image when the mouse rolls over it. For images with an "alt" attribute defined, the script will use it to render a nice tooltip that's shown above the enlarged image. Both the speed and magnification level of the image when it bubbles up can be customized.

March 1st, 2010

Simple Image Panner Credits: Dynamic Drive
Simple Image Panner lets you partially clip and collapse large images on your site to save space, with the hidden portion accessible by dragging -or panning- inside the image. It's great for pictures or other odd sized images that otherwise would not be welcomed as part of the page's contents.

Image Power Zoomer Credits: Dynamic Drive
Some images are worth a closer look, which is why there's Image Power Zoomer. It gives any image on your page the ability to be magnified when the mouse rolls over it. A "magnifying glass" that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth, just like in many graphics programs.

January 25th, 2010

Expandable Drop Down Ticker Credits: Dynamic Drive
Quite possibly the only ticker of its kind out there, Expandable Drop Down Ticker brings together the best of two worlds to create a ticker that can be viewed both sequentially and simultaneously. A drop down menu is automatically generated out of snippets of the ticker contents to let the user navigate the ticker on demand.

January 6th, 2010

Flex Level Drop Down Menu Credits: Dynamic Drive
Similar to Flex Level Pop Up Menu below, this flexible menu script lets you add a multi level drop down menu to any link on the page. It supports dropping down from the anchor link or to the right of it instead, which is useful when the link is a side bar link. A nice expanding animation brings the menu into view, with the delay before the menu appears/ disappears customizable. Cool!

December 27th, 2009

Flex Level Popup Menu Credits: Dynamic Drive
Enhance arbitrary links on your page with some multi level powers with Multi Level Popup Menu! It lets you associate a multi level drop down menu to any link on the page, so moving the mouse over the link activates the menu to be shown beside it. Each pop up menu is simply defined as a regular nested UL on the page, making it very intuitive to set up, not to mention the menus search engine friendly!

jQuery Context menu script Credits: Dynamic Drive
This jQuery script lets you associate a multi-level context menu to any element on the page, so right clicking within the element activates the menu. The default context menu of the browser is suppressed as a result. A different context menu can be added to different elements on the page, such as one for the document as a whole, another for just a DIV on the page etc.

November 25th, 2009

Sticky Tooltip Script Credits: Dynamic Drive
This script adds a rich HTML tooltip to elements that's revealed when the mouse rolls over them, in which the tooltip follows the cursor around as it moves about within the element. The tooltip can be "stickied", or kept visible on the screen by right clicking on pressing "s" should the user wish to interact with some content within the tooltip, such as click a link inside it. The contents for each tooltip are simply defined as regular HTML on the page, making them very easy to define and customize.

October 27th, 2009

Horizontal Accordion script Credits: Dynamic Drive
Here comes Accordion Content script's cousin- Horizontal Accordion! It turns an ordinary UL list into a horizontal accordion. Move your mouse over a LI to expand it side ways while contracting its peers. The HTML markup of the Accordion (UL list) can either be defined inline on the page, or inside an external file instead and fetched via Ajax.

September 10th, 2009

Ultimate Fade-in slide show v2.0 Credits: Dynamic Drive
It's been two years since Ultimate Fade In Slideshow has been updated, which means it's ripe for only one thing- a complete rewrite! The new version, based on the robust jQuery Library, is much more versatile and smooth, incorporating a lot of the features that were asked of the old version but were lacking. Everything from the ability to add descriptions to manual slideshows is now supported! "Ultimate" has just been redefined!

August 6th, 2009

PHP Photo Album script v2.0 Credits: Dynamic Drive
This is a PHP enhanced Photo Album script that automates the retrieval of all images within a specific directory to show, with pagination links generated to cycle through each page. The images can be sorted by file name or date. A built in Lightbox loads a larger version of each image when it's clicked on.

July 13th, 2009

jQuery Image Magnify Credits: Dynamic Drive
It's time to let you users take a closer look at images on your page! jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user's screen until dismissed.

June 29th, 2009

jQuery Image Warp Credits: Dynamic Drive
jQuery ImageWarp adds an interesting "warp" effect to select images on your page so clicking on them causes the image to expand temporarily before reverting back to the image's original dimensions. It's most useful applied to hyperlinked images to create a delayed effect before the user is taken to the actual link.

Drill Down Menu Credits: Dynamic Drive
Adding a whole new twist to the conventional drop down menu idea, this script turns an ordinary UL list into a drill down style menu. The top level UL dictates the height of the menu, with the sub levels tucked away until navigated to. You can customize which level should be shown by default, whether to remember the last shown level when the page reloads, plus the speed of the "drilling" animation. Optional breadcrumb trails can be shown as well. Drill away!

May 12th, 2009

Stay on Top content script Credits: Dynamic Drive
"Emphasize" and make particular content on your page stand out by keeping them always visible on the visitor's browser screen, using this script. It uses CSS's "fixed" positioning to accomplish this, and lets you manage their display frequency (using cookies) to make the whole affair sensible and user friendly.

Site Logo/ Watermark Script Credits: Dynamic Drive
This is a site logo/watermark script that lets you display a static image at any of the four corners of the browser, never going out of sight. It's useful for branding purposes, or to offer visitors an easy way to jump back to your site's homepage from anywhere on the page. The logo can be set to disappear after x seconds.

April 13th, 2009

Scrolling HTML Bookmarks Credits: Dynamic Drive
This script brings smoothness to the behaviour of same page HTML bookmarks on the page, so clicking on them gently scrolls the user to the designated HTML anchor, instead of abruptly. Furthermore, you can use this script to scroll to any element on the page with a unique ID attribute defined.

jQuery Scroll to Top Control Credits: Dynamic Drive
If your pages are long winded, it's a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That's where this script comes in. It displays a stationary control at the lower right corner of the window that when clicked on gently scrolls the page back up to the top. And instead of always being visible on the user's screen, the script lets you specify how far down the page the user is at (in pixels) before revealing the control.

March 18th, 2009

Text and Image Crawler Credits: John Scheuer
Text and Image Crawler is a highly configurable, continuous scrolling marquee that scrolls automatically or can be manually controlled by the mouse cursor. The Crawler can go left or right, contain text, images or both. It is a continuous marquee in that there exists no blank gaps in between passes.

February 25th, 2009

Form field Limiter v2.0 Credits: Dynamic Drive
Want to limit the amount of text a user can enter in particular INPUT type="text" or TEXTAREA elements? Well, this script enables not only that, but displays in real time the number of characters remaining. A callback function enables you to define your own actions when the field limit has been reached, such as apply a red border around the field in question.

January 29th, 2009

Anylink JS Drop Down Menu v2.0 Credits: Dynamic Drive
Completing the upgrade process, AnyLink JS Menu is now v2.0 as well, which shares all the same features as AnyLink CSS Menu v2.0, except the menu contents are defined inside an external .js file for easy editing across multiple pages.

Anylink CSS Menu v2.0 Credits: Dynamic Drive
Back with a vengeance in this complete overhaul, AnyLink CSS Menu v2.0 is a flexible menu script that lets you add a drop down menu to any link on your page. The new menu supports shadows, a fade-in effect, ability to reveal the menus onMouseover or onClick, and even drop to the right of the anchor link instead of the default downwards.

All Levels Menu Generator Credits: Dynamic Drive
The first script of 2009, and it turns out to not be a script at all, but one that generates a script! This is an online wizard for quickly creating themed versions of All Levels Menu with a handful of attractive horizontal menu designs.

December 16th, 2008

Expando Image Script Credits: John Scheuer
Expando is a simple script for folks who want to have an image expand onMouseover (to its actual size). This lets you display large images at a reduced size initially (aka thumbnail size), and have them dynamically expand when the mouse rolls over them.

Simple Controls Gallery Credits: Dynamic Drive
Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery.

November 12th, 2008

Smooth Navigational Menu Credits: Dynamic Drive
Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. The menu's contents can either be from direct markup on the page, or an external file and fetched via Ajax instead. A configurable, sleek "slide plus fade in" transition is applied during the unveiling of the sub menus.

October 21st, 2008

DD Drop Down Panel Credits: Dynamic Drive
DD Drop Down Panel lets you tuck away ordinary HTML content on the page and revealed on demand when the user clicks on the protruding tab. The rest of the page's content is pushed down when the hidden content is exposed. It comes with a handful of helpful features, such as the use of an arrow image to reflect the current panel state and panel state persistence.

September 19th, 2008

jQuery TreeView Menu (v1.4) Credits: Jörn Zaefferer
jQuery TreeView Menu brings together all the most practical features requested in a Tree Menu into one awesome menu script. The markup for the menu is simply a HTML list before the script transforms it into a fully functional TreeView Menu resembling the style of Window's File Explorer, among the many themes. Supports persistence, and optional asynchronous populating of the tree's contents via Ajax and JSON data returned from the server.

August 4th, 2008

Mouseover Tabs Menu Credits: Dynamic Drive
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. Note that this script replaces the legacy menu Tabs Menu (mouseover).

July 7th, 2008

All Levels Navigational Menu Credits: Dynamic Drive
The era of multi level, nested drop down menus is upon us! 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. This script simultaneously kills off two old and obsolete menu scripts on DD- Top Menu I and Top Menu II. Who's next to fall victim? Stay tuned to see.

May 25th, 2008

Animated Collapsible DIV v2.0 Credits: Dynamic Drive
Animated Collapsible DIV isn't its former self, and that's a good thing. Based on various feedback we've received on the forums, v2.0 of this script is born, which is infinitely more versatile than its predecessor. Most notably, the ability to "group" multiple collapsible content instances to act as a single unit has been added, so opening one automatically closes the others within the group.

May 9th, 2008

Color Picker Widget (YUI Based) Credits: Dynamic Drive
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".

Featured Content Slider v2.0 Credits: Dynamic Drive
Sometimes the only way to incorporate all the suggestions on an existing script is to rewrite it. With that said here's version 2.0 of Featured Content Slider, a rewrite of v1.0 that's much more versatile in every way.

March 19th, 2008

Step Carousel Viewer Credits: Dynamic Drive
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.

Facebox Image and Content viewer v1.1 Credits: Chris Wanstrath
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.

January 24th, 2008

Accordion Menu script Credits: Dynamic Drive
Anticipating that one of the more popular uses of Accordion Content script will be to create a expanding menu using it, we want to be one step ahead! This script uses Accordion Content script as is to basically create an Accordion Menu script. Two different styles are shown.

Accordion Content script Credits: Dynamic Drive
Well you asked for it, so here it is. Accordion Content script, like its "Switch Content I" and Switch Content II siblings, lets you group arbitrary contents on the page together and reveal them on demand when the user clicks on their associated headers. However, it does this using a smooth, "accordion style" animation. There are lots of configurable options to play with.

Dec 22nd, 2007

Featured Content Glider Credits: Dynamic Drive
The last script before Christmas, handed out a little early! Featured Content Glider 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.

Nov 22nd, 2007

Drop Down/ Overlapping Content script Credits: Dynamic Drive
This newly renovated 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.

Gradual Element Fader Credits: Dynamic Drive
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.

October 21st, 2007

Ajax Tabs Content script (v2.0) Credits: Dynamic Drive
Say hello to Ajax Tabs Content v2.0, the most comprehensive script of its kind for displaying external content on your page inline and organized using tabs! A fully unobtrusive, CSS and HTML based script, it supports persistence of the active tab (ie: when page is reloaded), a "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more.

Tab Content script (v 2.0) Credits: Dynamic Drive
Version 2.0 of the popular Tab Content script has arrived, and it hasn't come empty handed.  A complete rewrite of the original script, 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.

September 15th, 2007

Ajax Pagination script Credits: Dynamic Drive
This script lets you include content from multiple pages and display them on demand, using Ajax. Pagination links are automatically created, with each page downloaded only when requested.

August 17th, 2007

Splash Page Script Credits: Dynamic Drive
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!

gAjax RSS Feeds Displayer Credits: Dynamic Drive
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. Two additional RSS scripts based on the gAjax RSS Feeds engine:

• gAjax RSS Ticker new
• gAjax RSS Pausing Scroller new