GDev Resources.com
        DHTML SCRIPTS


Top Navigation - Include
Home Forums Search Index Terms
Developer Resources
Scripts
Javascripts
• Navigation
• Miscellaneous

DHTML
• Navigation
• Scrollers

Miscellaneous
Scripts-In-Action

MultiMedia
• Flash
• Music Loops

Recommends
• WebWiz Forums 
• Macromedia HomeSite
• Jasc Paint Shop Pro
• Xara Products
• SWiSH

Shareware/Freeware
• Nonags
• Tucows
• ZDNet

Coding References
• ASCII Table
• CSS Property Table
• HTML Tag Attributes

Code Generators
• Cool Tools 1
• Cool Tools 2



Go to Dynamic Drive
NAVIGATION SCRIPTS
Floating Hover-Menu | Breadcrumb Script | Bottom Slide-in Info Box | Scrolling Pulldown | NavSwap |

Floating Hover-Menu  IE4  Nav4  NS6
Created by: Ron Grafe
Version 1.0
Version Date: 2/14/2002

This script allows you to pop open a link menu by placing your mouse over any tag that supports the mouseover event. When you do, it opens a menu next to your cursor/page element that will stay open for a specified amount of time (you set the time in seconds). You also define the width, height, links, title, colors, and where you want the box to appear relative to your cursor (Top-Left, Bottom-Left, Bottom-Right, or Top-Right). You can add this menu anywhere you like within the HTML page (i.e. in a standard menu format, or to a single word in the middle of a line).

Check out the Demo link to see some possibilities.

To cut and paste the code go to the Floating Hover-Menu page.

DEMO:  Floating Hover-Menu (top of page)


Breadcrumb Script  IE4  Nav4  NS6
Created by: Ron Grafe
Version 1.0
Version Date: 2/7/2002

This script will initialize when the visitor enters the site. It will dynamically build a "breadcrumb window" (list of visited pages) as the visitor moves around within the site. If the person revisits a page that is already in the 'breadcrumb' then it will not re-add the link.

The developer has the option of setting the breadcrumb window height, positioning it at the top or bottom of the browser window, or putting it in Auto-Expand mode.

If the user scrolls down a lengthy page the breadcrumb will scroll with them.

To cut and paste the code go to the Breadcrumb Script page.

DEMO:  Breadcrumb Script (top of page)


Bottom Slide-in Info Box  IE4  Nav4  NS6
Created by: Ron Grafe
Version 1.0
Version Date: 1/23/2002

This slide-in box can be used as an Ad Box, Help Box, Link Information Box and more! It "slides-in" a text information box from the bottom of the page. You supply the text to an onmouseover event and add it to any tag that supports onmouseover. Then, when you hold your mouse over the tag the text will slide in from the bottom. You can override the info box's default width and height if you like (the defaults are the user's screen width and a height of 100px). The text that you supply can contain HTML tags and formatting.

To cut and paste the code for the slide-in version go to the
Bottom Slide-in Info Box page.

To cut and paste the code for the pop-up version go to the
Bottom Pop-up Info Box page.

DEMO:  Bottom Slide-in Info Box
DEMO:  Bottom Pop-up Info Box
(Same script, but non-sliding version)
(top of page)



Scrolling Pulldown:  IE4  Nav4  NS6
Created by: Ron Grafe
Version 1.0
Version Date: 10/4/2001

A pulldown list that scrolls!. To expand the pulldown place your mouse over "Dn". To scroll the links down click and hold your mouse button down on "Dn". To scroll the links up click and hold your mouse button down on "Up". To jump to the top of the link list click on "T". To close/collapse the pulldown click on "C".

To cut and paste the code go to the Scrolling Pulldown page.

DEMO:  Scrolling Pulldown (top of page)



NavSwap:  IE4  Nav4  NS6
Created by: Ron Grafe
Version 1.0
Version Date: 6/14/2001

NavSwap is a space-saving site navigation tool. With NavSwap you can group like pages together for more organized page listings. Each page group is a single element in an array. NavSwap automatically adds or deletes a new line to the "Group Index" as you add or delete elements to the array. If the list of pages in any group is longer than the viewing window you can scroll down, scroll up, jump to the top, and start or stop the scroll.

To cut and paste the code go to the NavSwap page.

DEMO:  NavSwap (top of page)


SCROLLERS
Dynamic Scroller | Topic Swap |

Dynamic Scroller:  IE4  Nav4  NS6
Created by: Ron Grafe
Version 1.0
Version Date: 5/15/2001

A scroller that allows you to manually control the scroll. You can scroll down, scroll up, jump to the top, or stop the scroll at any time. When the scoller reaches the end (bottom) of the text it will automatically start scrolling up (sort of a bounce effect). The same goes when the scroll reaches the beginning (top), it will automatically start scrolling down. So once you start the scroll it will continue to bounce up and down until you decide to stop it.

You can add links within the scrolling text or format the text in any way you like using standard HTML tags. You can even add small graphics!

To cut and paste the code go to the Dynamic Scroller page. (this page also has the link for getting the code for multiple scrollers on one page!)

DEMO:  DynamicScroller

WIZARD:
Dswizard-online
(top of page)


TopicSwap:  IE4  Nav4  NS6
Created by: Ron Grafe
Version 1.0
Version Date: 6/1/2001

TopicSwap is a generic multi-topic scroller that allows you to scroll down, scroll up, jump to the top, and start or stop the scroll. It has a unique swapping feature where you can manually "swap" the topics or you can put it in automatic mode. In automatic mode there is about a 5 second delay between each swap and it will continue swapping until you stop it. Each topic is a single element in the array. The TopicSwap code automatically adds or deletes the HTML code as you add or delete topics.

To cut and paste the code go to the Topic Swap page.

DEMO:  TopicSwap (top of page)



Site Generated and Maintained using Macromedia Homesite

Copyright © 2001-2003 - GDev Resources
Designed by:  Ronald Grafe.
Please email me with any concerns regarding the site.
• HtmlCodeTutorial.com
• DevGuru.com
• Builder.com
• WDVL.com
• WebDeveloper.com
• WebReference.com
• Pageresource.com
• W3C

Javascript Resources
• Website Abstraction
• JavaScript.com
• JavaScript Source

DHTML Resources
• Website Abstraction
• Dynamic Drive
• Jeff Rule's DHTML

Java Resources
• JavaBoutique.com
• Sun Download Center

ASP Resources
• ASP101
• LearnASP
• PowerASP
• ASPZone


ScriptKingdom.com
Script repository
and resource site

www.hotscripts.com

The Freebie Directory

Simply The Best Scripts

flashkit.com

Go To 123 Webmaster