What's New (Page
1 of 7)
Aug 29th, 2018
Flex Cards
Accordion
Credits: Dynamic Drive
This innovative script uses CSS flexbox to create cards that when clicked on
expands to show copious amount of information in a compact, manageable
manner. Think of it as an expandable cards based layout.
July 12th, 2018
Ken Burns Image Slideshow
Credits: Dynamic Drive
Ken
Burns is a type of panning and zooming effect commonly used in video production
to bring still images to life. This image slideshow adds an awesome Ken
Burns effect to each image during transition, with the ability to show a
corresponding description.
April 30th, 2018
jQuery Pull Quote with
Animation
Credits: Dynamic Drive
This jQuery script makes it simple as pie to turn
any inline text on your page into an automatic pull quote, with optional
animation that plays to draw even more attention to them. It's a great
script for highlighting important bits of information inside an article,
in addition to adding flare to long blocks of content.
January 24th, 2018
Ergo Drop Down Menu Control
Credits: Jon Muller
This is an elegant drop down menu that takes a regular UL list and
transforms it into either an expanding menu, or standard drop down menu.
Use it to replace the default form SELECT menu, as an expanding table of
contents list on the page, or even a regular navigation menu.
November 20th, 2017
JavaScript Tilt Boxes
Credits: Dynamic Drive
This script uses CSS3 3d transform to create captivating content boxes
that tilt based on the position of the mouse within it. It's an awesome
effect to apply to
landing pages, opt in forms, or any content that you want to
instantly direct the user's attention towards.
October 6th, 2017
Exit Intent Pop Up Script
(with Mobile Fallback)
Credits: Dynamic Drive
Exit Pop Ups are triggered when the user signals he's about to leave a
page, by moving the mouse into the browser's location or toolbar. This
robust exit intent pop up script lets you add such a function to your
site, with support for 40+ intro animations and mobile fallback support.
July 25th, 2017
Automatic
Anchors Links from Headers
Credits: Jon Muller
This jQuery script automatically generates a table of contents from all
of the headers on the page (H1, H2, CUSTOM etc), enabling viewers to
navigate to key sections with ease. Set whether to animate the scroll
mechanic, limit number of characters shown for each header link, and
more.
June 14th, 2017
jQuery Full
Screen Image Viewer
Credits: Dynamic Drive
This script expands any image to fill the entire browser screen when
clicked on, with option to further zoom in on the image onmousever or
tap. It's ideal for product images on ecommerce sites or simply high
resolution images that demand a larger stage.
May 2nd, 2017
jQuery Page Scroll Progress Bar
Credits: Dynamic Drive
This compact jQuery script adds an sleek progress bar to either the top
or bottom of the page to give your visitors a better sense of how far
they are along the page as they scroll up and down.
April 6th, 2017
Mega Drop Line Menu Credits: Dynamic Drive
Mega Drop Line Menu is a modern Drop Line Menu with support for infinite
levels of sub menus. Each sub menu spans the entire width of the menu
and unfolds to reveal itself onMouseover. It uses a minimal of
JavaScript (<1kb compressed), and even works when JavaScript is disabled
on desktop browsers.
March 20th, 2017
Zoomio jQuery Image Zoom Credits: Dynamic Drive
Updated to v2.0, which now supports
specifying a different, higher resolution image (via a data-largesrc
attribute) to use as the zoomed in image.
February 24th, 2017
Animated Header Menu Credits: Dynamic Drive
Animated Header Menu is more than just a menu, but a modern website header
template with a mobile optimized drop down menu and search form built
in, plus room for a logo on the left. The result is a polished animated
header template with the most important UI components built in, ready to
be used on your site!
January 13th, 2017
Multi-Level
Full Screen Menu Credits: Dynamic Drive
A mobile friendly full screen menu that supports multiple levels of sub
menus. Click on a header to bring up the corresponding sub menu. Vanilla
JavaScript and CSS3 powered.
December 21st, 2016
Pausing
up-down message scroller Credits: Dynamic Drive
This is an up-down message scroller that pauses between each message!
Responsive in nature, the scroller supports percentage widths and uses
CSS3 animations for buttery smooth, mobile optimized animations.
December 6th, 2016
AdBlock Checker and Notifier Credits: Dynamic Drive
This is a simple script that detects when the visitor is using a common
Ad Blocker on your page, and enables you to style your page differently
or display a custom message to coax these users into disabling Ad
Blocker.
November 22nd, 2016
Local Time Script,
Universal Count Down Script Credits: Dynamic Drive
These time scripts have been rewritten to utilize the moment.js library for a
built in way to retrieve the time zone offset of any geographic location on
Earth, making it super easy to display the time or count down to a date at a
specific location in the world.
November 17th, 2016
Priority+ Scrolling Menu Credits: Dynamic Drive
A one line horizontal menu that uses the mouse or swiping (on touch screen
devices) to scroll though any obscured links. Responsive and adaptive, it
maintains its one line form regardless of the parent container's size.
October 31st, 2016
DD Scroll Boxes Credits: Dynamic Drive
DD Scroll Box makes it a breeze to turn any DIV content on your page into a
scroll box, animating them into view when the user scrolls up or down the page
past a certain amount. Scroll activated content have become very popular as a
way to show opt in boxes, promotion headers and other important bits of
information.
September 15th, 2016
Youtube/ Vimeo Video Outro
script Credits: Dynamic Drive
This jQuery plugin lets you add a
custom "outro" to the end of embedded Youtube or Vimeo videos on your
site. Display arbitrary rich HTML content inside the outro.
June 29th, 2016
Zoomio (jQuery in-place image zoom) Credits: Dynamic Drive
Zoomio is an easy to set up, mobile friendly
Image Zoom script that overlays an enlarged image directly on top of the
original image when activated. Many ecommerce sites use a similar script to enable users to get
a closer look at product shots.
May 12th, 2016
Hamburger Icon Menu Credits: Dynamic Drive
This menu combines the two popular trends of a full screen menu and using
an "hamburger" style icon to toggle it to create a lightweight, elegant mobile
friendly site menu!
April 13th, 2016
Youtube Gallery Wall Credits: Dynamic Drive
Displaying a bunch of Youtube
videos on your page just got super simple! Youtube Gallery Wall transforms a UL
element containing links to Youtube videos into a "wall" of video thumbnails.
Moving your mouse over each thumbnail (or tapping on a mobile devices) gives you
the option to play the video inside a lightbox.
March 3rd, 2016
YouTube Video Gallery
script Credits: Dynamic Drive
Youtube Video Gallery is a responsive video gallery script for selecting
from a playlist of Youtube videos to play from on your site. Thumbnails are
automatically generated for each video and shown at the bottom of the main
player.
February 1st, 2016
Sticky Horizontal Menu Credits: Dynamic Drive
Sticky Horizontal Menu is a top UL menu that seamlessly transitions to
being fixed in position when it's scrolled out of view, so it remains visible to
the user at all times.
January 17th, 2015
Blossom Opt-in Feature Box
Credits: Dynamic Drive
Blossom is an attention grabbing feature box that conditionally pops up at
the center of the user's screen once per browser session or user defined
duration. It can be used as the classic opt-in box or simply to display certain
content prominently.
December 29th, 2015
DD Opt-in Box script
Credits: Dynamic Drive
This is a lightweight opt-in box that expands into view to cover the whole
screen when activated. It contains a mockup form that animates into view to grab
user attention and effectively capture a user's email address.
December 17th, 2015
Local RSS/ XML Feed
Displayer
Credits: Dynamic Drive
Local RSS Feeds Displayer takes
one or more local RSS/ XML files on your own server and displays their
contents on your site in a single output. You can customize the output in a
variety of ways, from sorting it, arranging the order of the fields within each
entry, to stripping the HTML/ truncating the length of long fields such as the
"description".
November 16th, 2015
Simple Image
Panner and Zoomer v2.0 Credits: Dynamic Drive
Simple Image Panner lets you partially clip and confine large images on your
site to a smaller container to save space, with the hidden portion
accessible by dragging -or panning- inside the image. The optional zoom
feature lets the user zoom in and out of the image at the same time.
November 5th, 2015
Select
(and copy) form element script Credits: Dynamic Drive
This script makes it easy for
users to select and copy to clipboard the contents of a form element, such as
an INPUT type or textarea element, with a click of the mouse.
October 19th, 2015
3D Cube
Countdown script Credits: Dynamic Drive
Cube CountDown script takes
advantage of CSS3's transform property to display 3D cubes that
rotate to count down to any desired future date. Two event handlers are
available for you to run custom code while the counter is winding down (every
second), and also, when the target date/time has been reached.
September 8th, 2015
eFluid
Responsive Top Menu Credits: Dynamic Drive
Inspired by the drop down menu
seen at the top of pages throughout Dynamic Drive, eFluid menu is a responsive top
menu that adapts to different devices and screen sizes elegantly, using CSS
media queries only to trigger the different break points.
July 30th, 2015
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 supports an
optional "clone" mode to tackle "inline" positioned contents that usually are
difficult to make sticky without a jitter in the content during the transition.
June 26th, 2015
Sugar Drop in Bar
Credits: Dynamic Drive
Sugar Bar adds a drop down bar to the top of your page that's
shown in a non intrusive manner, only when the page is scrolled and past the
designated threshold. It is ideal for pushing content that's optional yet merits
user attention, such as an opt-in box or advertisement.
June 8th, 2015
Image Figure
Caption effects
Credits: Dynamic Drive
This script transforms any image (<img>)
into a HTML5 compliant figure element with a nice caption. It also works on
existing figure elements. Choose from 7 different effects to unveil the caption
in style. Captions can be dynamically defined or literally inside the figure
element.
May 22nd, 2015
DD Full
Screen Slider Credits: Dynamic Drive
Full screen Slider resides on a standalone page that creates
slides to showcase ccontent in an
interactive, digestible format to viewers. Desktop and mobile friendly, the slides can be navigated in a plethora of ways-
auto generated navigational buttons, keyboard, mousewheel, and drag/swipe on the
desktop and on mobile.
April 22nd, 2015
Scrollable
content script Credits: Dynamic Drive
Display overflowing content in a
confined area and let users view the entire content via custom up and down
scroll buttons. Supports either vertical or horizontal orientation. On mobile
devices, users instead touch and scroll inside the content to navigate.
Mar 3rd, 2015
Power List Menu
Credits: Dynamic Drive
Power List Menu is a
mobile centric, mult-level menu that transforms a
nested UL into a series of slide-in panels that occupy no more space
than the top level UL itself. Click on a header, and the corresponding
sub UL slides into view over the parent UL. It supports lazy loading of either
sub ULs or parent ULs from an external file using Ajax, saving on bandwidth and
download time.
Jan 15th, 2015
Coverflow Image
Gallery
Credits: Dynamic Drive
Coverflow Image Gallery is a Apple pioneered 3D looking image
gallery that when clicked on displays a larger version of the image. A
description can also be shown beneath the enlarged image. Both the small
and enlarged images are automatically scaled to fit within the available real
estate regardless of their native dimensions.
Dec 15th, 2014
Full Screen Mobile
Menu Credits: Dynamic Drive
To compensate for the limited
screen space offered on mobile devices, this mobile-first navigation menu
creates a slide in menu that takes up the entire screen when expanded. Its
content can be defined either as an inline <nav> element, or
inside an external file and fetched via Ajax. Swiping/ mouse dragging is
supported inside the content to scroll it upwards/downwards.
Oct 16th, 2014
Before and After
Image script Credits: Dynamic Drive
This script lets you view an "after" version of any image as an overlay of
the original one in dramatic fashion. A "draggable" handlebar lets the user
adjust the ratio of the two images to view simultaneously. It supports the
ability to update the set of images shown on demand, plus change the main
container dimensions, making way for a before/after image gallery.
August 21st, 2014
Parallax
Slider Credits: Dynamic Drive
Parallax Slider incorporates a parallax scrolling effect where each slide
and its contents glide into view at different speeds, creating a captivating
visual experience. The slider is responsive in nature, and supports other nifty
features such as manual or automatic mode, stop rotating after x cycles,
persistence of the last shown slide, and more.
April 22nd, 2014
Side Push Menu Credits: Dynamic Drive
This is the emblematic menu
of the mobile web era- it's a side bar menu that when opened
pushes aside the rest of the page's content horizontally, similar to the
navigation menu found on Facebook Mobile. It supports either a left or
right orientation, with the contents of the menu optionally pulled from an
external file on the server.
March 13th, 2014
Responsive Hybrid Menu Credits: Dynamic Drive
With mobile browsers now
sharing the limelight with their desktop counterparts as the window to
the web, having a intuitively responsive menu for your site is
paramount. Well, Responsive Hybrid Menu attempts to be that menu. It's a
responsive, 2 level navigation menu with multiple stages of adaptation
depending on the user's screen size. The menu changes from a regular top
menu bar with text anchors, to icons based, and finally to a left side
bar menu as the user's screen size decreases. Adapt or die they say!
February 16th, 2014
Page Sideview Menu Credits: Dynamic Drive
This menu displays itself prominently on the page with the help of css3
transforms and transitions. The menu glides in from the left edge of the screen
while shrinking the rest of the page content into the background, bringing the
user's focus squarely on the menu itself. Clicking anywhere on the page again
hides the menu and returns the page back to its original state.
January 16th, 2014
Compact Drop Down
Menus Credits: Dynamic Drive
This is a multi-level drop down menu that's also a space saver, by
stacking the sub menus on top of one another when revealed. CSS3 transforms are
used for the transition effect between sub menu changes, though the menu is
functional in legacy browsers as well, including IE8+.
December 11th, 2013
3D Drop In
Notifier Credits: Dynamic Drive
3D Notifier lets you broadcast important information to your visitors using a
drop down panel that appears at the top of the page. Two modes of appearing are
supported- "manual", where you explicitly open/close the panel, or automatic,
where the panel appears automatically once per browser session to each visitor.
October 4th, 2013
Full
Page Slideshow Credits: Dynamic Drive
They do say bigger is better, right? This is a supersized slideshow that
automatically expands to fill up the container it's in to let you display a
slideshow that either covers the entire visible screen, or a certain section
inside the page. Each image is panned or zoomed in and out into view,
adding intrigue and flare.
August 31st, 2013
DD Icon Menu Credits: Dynamic Drive
DD Icon Menu creates an icon based vertical menu that sits fixed on the
left edge of the browser window and expands to show sub menus onMouseover.
Infinite levels of sub menus can be associated with each icon, with each sub
menu simply defined as a hidden DIV on the page.
July 4th, 2013
Touch Image Gallery Credits: Dynamic Drive
Touch Image Gallery is a simple image gallery that caters to mobile and
desktop browsers alike, by being touch/ swipe friendly, in addition to the
traditional way of navigating. The gallery itself consists of just a regular UL
list with images defined inside it.
June 2nd, 2013
Responsive Side toggle Menu Credits: Dynamic Drive
Side Toggle Menu lets you add a side bar menu to your page that slides in
from the left or right edge of the browser window. It supports two types of
unveiling- either by nudging the rest of the page and making room for itself, or
overlaying the page (and not displacing its neighbours).
May 6th, 2013
Card Deck Slideshow Credits: Dynamic Drive
This content slideshow script
utilizes CSS3 transform to rotate and "unhinge" each slide to show the next,
similar to
a stacked pile of cards. At the heart of it all, however, is a versatile
slideshow that supports both auto and manual mode, persistence of the last
viewed slide, inline or ajax content, and more.
December 29th, 2012
DD ScrollSpy Menu Credits: Dynamic Drive
For long pages with lots of content, keeping the user oriented and
knowing where within the page he/she is at all times can be
challenging. DD ScrollSpy Menu solves this problem, by letting you
create a menu whose menu items are automatically highlighted based
on the portion of the page the user is currently viewing.
November 30th, 2012
Featured
Image Zoomer (multi-zoom)
Credits: Dynamic Drive
Featured Image Zoomer has gone v2.0, and with it, brings multi-zoom
capability! The new feature lets you easily preview and zoom in on a group
of related images, such as those for a product. Cool!
Oct 18th, 2012
Scroll to Top
link Credits: Dynamic Drive
This is a no fuss script for automatically scrolling the page back to the
very top when invoked. For long pages, having a scroll to top link makes good
usability sense, and with this script, it's dead simple to add one to your
pages. The standonly script doesn't rely on any JS script library (such as
jQuery).
Aug 10th, 2012
Split Menu Buttons
Credits: Dynamic Drive
Split Menu Buttons combine the
sleek aesthetics of menu buttons with the versatility of drop down menus to
create a navigational interface that captures the best of both worlds. It
renders attractive CSS based oval buttons with an optional "toggle" element
dynamically added next to it that reveals a drop down menu when interacted with.
July 4th, 2012
Shockwave 3D
Slideshow Credits: Dynamic Drive
Shockwave 3D slideshow taps into the power of CSS3 to bring some 3D
freshness to the transition between images. It supports a handful of unique
effects, from 3D cube, 3D blinds, to the more linear dropping tiles.
May 7th, 2012
Ajax Side Panel
script
Credits: Dynamic Drive
A
March 7th, 2012
FaceScroll
Custom Scrollbar
Credits: Dynamic Drive
FaceScroll is a versatile
Facebook inspired custom scrollbar script that can be applied to
overflowing content on your page, sitting in for the default browser
scrollbar. Similar in style and function to the scrollbar found in
Facebook's news ticker widget, it can be set to appear only when the
mouse rolls over a content.
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.