Text Wheel

Text Wheel
Spectacular way to present your messages or to welcome your visitors. Text Wheel rotate your messages like a wheel in the middle of your webpage. You may add as many messages as you like. Easy configuration of font, font-size, font-color and font-weight. Internet Explorer 5 or higher.

Create more than 20 different text animations
Text Wheel is part of the new unique Text Animator. Text Animator allows you to create 20 different text animations for your webpages in no time. Setting font-attributes, styles, size and speed, links, targets and much more requires no programming skills at all. You can view, check and edit all effects while you are creating them. Text Animator generates the finished code for your personalized text animations. (requires Internet Explorer 5.5x or higher).

Configuration:

Step 1: Open the webpage that will display your text wheel. Use a simple texteditor such as NotePad or WordPad. Frontpage, Dreamweaver, GoLive or Word are not recommended. Insert the following code right below the <body>-tag. :

<SCRIPT>
// CREDITS:
// Text Wheel
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2003 Peter Gehrig and Urs Dudli. All rights reserved.
/////////////////////////////////////////////////////////////////////////////
// Edit the code below this line
/////////////////////////////////////////////////////////////////////////////

// Set your messages. Add as many as you like
var text=new Array()
text[0]=" >>>> BE HAPPY"
text[1]=" >>>> DO NOT WORRY"
text[2]=" >>>> MAKE FRIENDS"
text[3]=" >>>> FALL IN LOVE"
text[4]=" >>>> TAKE IT EASY"
text[5]=" >>>> TRY IT AGAIN"

// Set the font
var textfont="Arial"

// Set the font-size
var textfontsize=32

// Set the font-color
var textfontcolor="#ff0000"

// Set the font-weight (values from 100 to 900)
var textweight="900"

/////////////////////////////////////////////////////////////////////////////
// Do not edit the code below this line
/////////////////////////////////////////////////////////////////////////////

var textitalic="0"
var message=new Array()
var x_textposition=0
var y_textposition=0
var i_segments=Math.round(360/text.length)
var i_grad=0
var grad=0
var colorrgbred
var colorrgbgreen
var colorrgbblue
var windowwidth
var windowheight

var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0
if (textweight=="bold") {textweight=900}
if (textweight=="normal") {textweight=100}

if (textitalic=="italic") {textitalic=1}
if (textitalic=="normal") {textitalic=0}

for (i=0;i<=text.length-1;i++) {
	message[i]=text[i].replace(/'/g,"`")
}

translateintorgb()
function translateintorgb() {
	var hexanewred=textfontcolor.substring(1,3)
	var hexanewgreen=textfontcolor.substring(3,5)
	var hexanewblue=textfontcolor.substring(5,7)
	colorrgbred=parseInt("0x"+hexanewred)
	colorrgbgreen=parseInt("0x"+hexanewgreen)
	colorrgbblue=parseInt("0x"+hexanewblue)
}

function initiate() {
	windowheight=parseInt(document.body.clientHeight)/2
	windowwidth=parseInt(document.body.clientWidth)-40

for (i=0;i<text.length;i++) {
		var thisspan=eval("document.all.rotationstyle"+i)
		thisspan.style.posLeft=20
		thisspan.style.posTop=0
	}
	settexts()
}

function startscroll() {
	for (i=0;i<text.length;i++) {	
		var thisobj=eval("rotationobj"+i)
		thisobj.Rotate(1,2,0) 
	}
	timer=setTimeout("startscroll()",20)
}

if (ie) {
	for (i=0;i<text.length;i++) {	
		var thisid="rotationstyle"+i
		var thisobjid="rotationobj"+i
		document.write("<SPAN ID='"+thisid+"' STYLE='position:absolute'>")
		document.write("<OBJECT ID='"+thisobjid+"' CLASSID='CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6'>")
		document.write("</OBJECT>")
		document.write("</SPAN>")
		onload=initiate
	}
}
</SCRIPT>

IMPORTANT: do not paste the code into table-cells or between <div> tags or <span> tags!

Step 2: Open your webpage. Go to the top of the script-code and configure the messages and font-attributes

Step 3: Have fun!