JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



External Data Source Marquee

This is an DHTML scrolling marquee that uses an external HTML document as its content to scroll. As a secondary feature, the marquee slows down when the user moves his mouse over it (to more easily read the contained contents), and resumes it's original scroll speed when out. IE 4 and NS 4 users will simply see nothing.


Insert into <HEAD>


Insert into <BODY>
<!--[if IE]> <IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" /> <marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onMouseover="this.scrollAmount=2" onMouseout="this.scrollAmount=4" src="update.htm"> </marquee> <script language="JavaScript1.2"> function downloaddata(){ marqueedata.startDownload(externalmarquee.src,displaydata) } function displaydata(data){ externalmarquee.innerHTML=data } if (document.all) window.onload=downloaddata </script> <![endif]-->

Other Options
Last updated: 99/11/02 Completely re-written to use IE 5's default download behavior, resulting in significantly more stability and versatility over the Active X solution previously implemented. Description: This is an DHTML scrolling marquee that uses an external HTML document as its content to scroll. As a secondary feature, the marquee slows down when the user moves his mouse over it (to more easily read the contained contents), and resumes it's original scroll speed when out. IE 4 and NS 4 users will simply see nothing. Developers, check out the commented Developer's View to see how we created the script. Configuring the marquee Configuring the marquee is a piece of cake- everything is done inside the <marquee> tag. In this tag, the style attribute sets the dimensions of it, the src references the external document to load, and finally, the scrollAmount sets the speed. Change all three to your liking.