Text Wheel 1: Kostenlose DHTML und JavaScript Text Animationen

Text Wheel 1

Kreisen Sie Ihre Kunden mit konkurrenzlosen Angeboten ein. Funktioniert mit IE 5x/6x (Windows). Weitere kostenlose Scripts gibt's auf www.fabulant.com

Installation

Schritt 1: Öffnen Sie die Webpage, die Sie mit einem Text Wheel versehen möchten. Benutzen Sie am besten einen simplen Texteditor wie z.B. NotePad oder WordPad.

Schritt 2: Kopieren Sie den folgenden Code und fügen sie ihn direkt unterhalb des <body>-Tags ein:

<SCRIPT>
// CREDITS:
// Text Wheel
// By Peter Gehrig
// Copyright (c) 2003 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.fabulant.com
// info@24fun.com
// 2/5/2003

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.fabulant.com on the webpage
// where this script will be featured

var text=new Array()

/////////////////////////////////////////////////////////////////////
// Unterhalb dieser zwei Linien beginnt die Editierzone
// Bestimmen Sie die Eigenschaften der Text Animation
////////////////////////////////////////////////////////////////////

// Tragen Sie Ihre (möglichst kurzen) Nachrichten ein.
// Jede Nachricht muss durch Anführungs- und Schlusszeichen eingerahmt werden
// Sie können soviele Nachrichten eingeben, wie Sie wollen
text[0]=" >>>> INSERATE AB FR. 200.--"
text[1]=" >>>> BRIEFE AB FR. 200.--"
text[2]=" >>>> RADIOSPOTS AB FR. 200.--"
text[3]=" >>>> PLAKATE AB FR. 200.--"
text[4]=" >>>> SLOGANS AB FR. 300.--"
text[5]=" >>>> PR-ARTIKEL AB FR. 300.--"

// Bestimmen Sie die Schrift
var textfont="Arial"

// Bestimmen Sie die Schriftgrösse (Pixels)
var textfontsize=24

// Bestimmen Sie die Schriftfarbe
var textfontcolor="#ff0000"

// Bestimmen Sie, wie fett die Schrift sein soll (Wert zwischen 100 und 900)
var textweight="900"

/////////////////////////////////////////////////////////////////////
// Hier endet die Editierzone
// Bitte ändern Sie den nachfolgenden Programmiercode nur,
// wenn Sie ein geübter JavaScripter sind.
/////////////////////////////////////////////////////////////////////

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()",40)
}

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>

Schritt 3: Konfigurieren Sie Texte und Schriftattribute im oberen Teil des Codes, den Sie soeben eingefügt haben.

back

Text, Texter, Writer, Peter Gehrig, Werbung, Werbetexter, Home, Post, free, download, scripts, Inserate, Prospekte, Plakat, KMU, Werbebrief, Grafik, Kommunikation, DHTML, Texte, Werber, Werbeagentur, Werbung, Freelance, gratis, Rabatt, Peter Gehrig, Werbebriefe, Mailings, preiswert, www.fabulant.com, about us, Text, USP, Headline, Werber, Werbeagentur, Werbung, Kontakt, Adresse, Anschrift, Kommunikation, Applets, Ort, Gratis, Angebot, Leistung, Texte, Texter, Radiospots, Kunden, Werbung, Kurs, Textkurs, schreiben, Werbung, Texter, Schreibregeln, Unternehmen, DHTML, JavaScript, Script, Scripts, Applet, Web, Internet, Homepage, Website, Rabatt, CSS, XML, gratis, download, free, Scroller, Ticker, Slideshow, Animation, Clock, utility, Text, Marquee, Background, fade, Preise, billig, günstig, preiswert, Texter, Peter Gehrig, PR, Home, free, download, scripts, Inserate, Prospekte, DHTML, Texte, Werber, Werbeagentur, Werbebriefe, Werbung, freischaffend, Freelance, gratis, Texter, Texte, AMAG, UBS, Feldschlösschen, Sarasin, Aargauische Kantonalbank, AKB, Zysset & Partner, Moritzi Werbung, Kunden, Werbekunden, Electrolux, Seat, Volkswagen, VW, Peter Gehrig, PR, Home, free, download, DHTML, Texte, Werber, Werbeagentur, Werbebriefe, Werbung, Freelance, gratis