New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Partners
Sweet Ads

Dynamic Content

Sub Categories

 

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. 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.2 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.

DD Drop Down Panel FF1+ IE6+ Opr9+
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 Drop In Notifier FF2+ IE8+ Opr9+
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.

Card Deck Slideshow FF2+ IE8+ Opr9+
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.

Expandable Sticky Bar FF2+ IE7+
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.

Scrollable content 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 v2.0 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.

Horizontal Accordion script FF1+ IE6+ Opr9+
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.

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.

Sticky Content script FF1+ IE5+ Opr7+
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.

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+ IE6+ Opr8+
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.

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 v2.0 FF1+ IE6+ Opr8+
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.

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+.

HTML5 Notepad FF3+ IE8+ Opr11+
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 Opera 11+.

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.

Stay on Top content script FF1+ IE6+ Opera8+
"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.

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...