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
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.
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.
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.
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.
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.
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.
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.
This content slideshow script
utilizes CSS3 transform to rotate and "unhinge" each slide to show the next,
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.
This script uses CSS's "
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.
Display content in a confined area. Users can view the entire content
via the custom scroll up/down images. On mobile devices, users instead touch
and scroll inside the content to navigate. Cool!
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..
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 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!
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.
This useful script allows you to make arbitrary content on your webpage
contract/expand on demand. The user clicks on designated headers to reveal
Supports multiple "groups" of switch contents on the same page, each
with their own independent settings.
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, 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.
This script 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.
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
Want to display content that only gets shown once every x
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.
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.
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.
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.
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.
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.
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.
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
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. Dictate whether the note should
automatically disappear after x seconds, limit its display to once per
browser session or randomly based on a percentage, and more.
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.
Version 2 of the above, this one supports unlimited popups per page,
and is functional in IE and NS6+.
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. It works in browsers that
support DOM Storage, namely, IE8+, FF3+, Safari 4+, Google Chrome, and
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.
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.
"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
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!
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...