First truly vertical scroller worldwide

Uncle Jim's
Web Designs
Diagonal Text Header
By: Peter Gehrig
This example is unique because it
scrolls the text at an angle.

INSTALLATION INSTRUCTIONS

COPY - Insert Between Head Tags: <HEAD></HEAD>

// CREDITS:
// First diagonal textscroller worldwide by Urs Dudli and Peter Gehrig 
// Copyright (c) 1999 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.

if (document.layers) {
	alert("This script does not work with Netscape Navigator")
}

var message = new Array()
message[0]="Welcome to Uncle Jims,"
message[1]="JavaScript Examples site."
message[2]="Come in and look around."
message[3]="Here you will find examples,"
message[4]="of how JavaScripts can enhance,"
message[5]="the design of your website."
message[6]="I have a large collection of,"
message[7]="JavaScripts for all types,"
message[8]="of uses, including forms,"
message[9]="Navigation Menus, games,"
message[10]="and Utilities for your site."
message[11]="I hope you enjoy these,"
message[12]="examples and come back often."
message[13]="For more information,"
message[14]="contact Uncle Jim at"
message[15]="www.jdstiles.com,"
message[16]="or send an email to,"
message[17]="jdstiles.com"

var i_message=0

var scrollerheight=250
var scrollerwidth=400

var startheight=0

var font_size=25
var font_family="Times"

var timer

function initiate() {
		document.all.rotationstyle.style.posLeft=-(Math.floor(scrollerwidth/2))+font_size
		document.all.rotationstyle.style.posTop=startheight
        startscroll()
}

function startscroll() {
	if (document.all) {
		do_rotate="yes"
        rotationstyle.filters[0].apply()
		rotationstyle.innerHTML=
		'<OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
        '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor(224,255,255)">'+
		'<PARAM NAME="Line0003" VALUE="SetFillColor(224,255,255)">'+
		'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 400, 0, 0, 0)">'+
		'<PARAM NAME="Line0005" VALUE="Text(\''+message[i_message]+'\', 0, 0, 0)">'+
		'</OBJECT>'		
        rotationstyle.filters[0].play()
        rotationobj.Rotate(0,0,-45) 
   
        i_message++
        if (i_message>=message.length) {i_message=0}
		timer=setTimeout("startscroll()",4000)
	}
}

function stopscroll() {
	do_rotate="no"
}

// - End of JavaScript - -->
</script>

COPY - Insert Inside Body: <BODY></BODY>

COPY - Insert into Body Tag: <BODY 'CODE HERE'>

Close This Window