javascript

TwitterFacebook
Get flash to fully experience Pearltrees

Animated Collapsible DIV v2.4

http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm July 3rd 09' : Updated to v2.4, which supports a new set of " rel " and data-image " attributes you can insert into arbitrary links to quickly create link or image link togglers. Description: This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth "Web 2.0 style" animation. It's a popular effect on many social networking/ comment sites. Three distinguishing features of this script are: Ability for the script to work on both DIVs that have an explicit CSS height attribute defined, and without.
http://www.dynamicdrive.com/dynamicindex6/dcalendar2.htm Note: Script modified by Dynamicdrive.com to display calendar inline (instead of absolutely) Description: An extremely versatile DHTML calendar that's functional in IE4+ and NS6+. Demo: Directions: Step 1: Insert the below into the <head> section of your page: Step 2: Insert the below into the <body> section of your page where you wish the calendar to appear:

Dynamic Calendar II

http://www.javascriptkit.com/script/script2/jkmegamenu.shtml

Paste jQuery Mega Menu

Home / Free JavaScripts / Menu and redirection / Here Description: Mega Menus refer to drop down menus that contain multiple columns of links. This jQuery script lets you add a mega menu to any anchor link on your page, with each menu revealed using a sleek expanding animation. Customize the animation duration plus delay before menu disappears when the mouse rolls out of the anchor. Mega cool!
http://www.javascriptkit.com/script/script2/dbmenu/

Paste Dbmenu (CSS drop down menu)

Home / Free JavaScripts / Menu and redirection / Here Description: dbMenu is a menu script that uses a central JavaScript file to create multiple types of 2 level drop down menus. 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.
http://www.javascriptkit.com/script/script2/csstopmenu.shtml Home / Free JavaScripts / Menu and redirection / Here Description: This is a lean CSS horizontal menu. The markup is entirely based on an ordinary HTML list, with support for 1 level of nested lists.

Paste CSS Horizontal List Menu

http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

Featured Content Slider v2.4

Jan 23rd, 13: Updated to v2.5, which modifies onChange event handler behaviour for more robustness , plus added section on embedding YouTube videos inside the Slider. Description: 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. Where this script shines is the versatile pagination links interface, which can be customized in a variety of ways.
Glossy Accordion Menu In this example, the menu headers are A tags, with each sub menu being DIV tags that expand/ contract. The use of DIV tags for the sub menus is to facilitate content other than UL lists. An absolutely positioned icon image gets dynamically added to each header that changes depending on the header state.

Glossy Accordion Menu

http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm
Feb 16th, 12' (v2.0): Added option (" scrolltoheader ") to scroll to the expanded header in question after it expands (useful if a header contains long content). Description: Group contents together and reveal them on demand when the user clicks on their associated headers, with Accordion content script! Specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and even enable persistence so the state of the contents is preserved within a browser session. The script enlists the help of the jQuery library for its engine.

Accordion Content script (v2.0)

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

Dynamic Drive DHTML scripts- Switch Content Script II (icon based)

http://www.dynamicdrive.com/dynamicindex17/switchcontent2.htm Note: Description: Switch Content Script II is a flexible script that adds contact/expand functionality to arbitrary block content on a page using a simple "icon" to toggle its state. You may have seen something similar used on sites such as Microsoft.com . It lets the viewer choose which content on the page to contract, to remove unnecessary clutter.

Dynamic Drive DHTML scripts- Switch Content Script

Notes: Jan 25th, 07: to fix a bug with the defaultExpanded() feature not being honoured when persistence is enabled. Only applicable the first time the page is loaded within a browser session. Only .js file changed! April 5th, 07: Added ability to persist content states by x days versus just session only. http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm