Cursor Trailer: Kostenlose DHTML und JavaScript Text Animationen

Cursor Tracker

Ach, wenn bloss alle Kunden so anhänglich wären. Funktioniert mit IE 5x/6x, NS 4x/6x/7x.

Installation

Schritt 1: Öffnen Sie die Webpage, in die Sie Cursor Tracker einbinden möchten. Benutzen Sie dazu 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:
// Cursor Trailer
// By Urs Dudli and Peter Gehrig
// Copyright (c) 2002 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
// 8/31/2002

// 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

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

// Tragen Sie Ihre Message ein (muss von Anführungszeichen umrahmt sein)
var text="Werbebriefe bereits ab Fr. 200.--"

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

// Bestimmen Sie die Schriftgrösse (CSS-Werte)
var textfontsize=12

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

// Tragen Sie "bold" ein für fette Schrift oder "normal" für normale Schrift
var textweight="bold"

// Tragen Sie "italic" ein für kursive Schrift oder "normal" für normale Schrift
var textitalic="normal"

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

var trailertext=text+" "
trailertext=trailertext.split("")
var spanwidth=new Array()
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0
var x,y
var flag=false
var step=20

var windowheight=100
var windowwidth=100

var xpos=new Array()
for (i=0;i<=trailertext.length-1;i++) {
	xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=trailertext.length-1;i++) {
	ypos[i]=-50
}

function handlerMM(e){
	if (ns4 || ns6) {
		x=e.pageX
		y=e.pageY
	}
	if (ie) {
		x=document.body.scrollLeft+event.clientX
		y=document.body.scrollTop+event.clientY
	}
	flag=true
}

function getpagesize() {
	if (ie) {
		windowheight=parseInt(document.body.clientHeight)
		windowwidth=parseInt(document.body.clientWidth)
	}
	if (ns4 || ns6) {
		windowheight=parseInt(window.innerHeight)
		windowwidth=parseInt(window.innerWidth)
	}
	makesnake()
}

if (ie || ns6 || ns4) {
	document.write("<STYLE>")
	document.write(".spanstyle {")
	document.write("position:absolute;")
	document.write("visibility:visible;")
	document.write("top:-100px;")
	document.write("left:-100px;")
	document.write("font-family:"+textfont+";")
	document.write("color:"+textfontcolor+";")
	document.write("font-size:"+textfontsize+"pt;")
	document.write("font-weight:"+textweight+";")
	document.write("font-style:"+textitalic+";")

document.write("}")
	document.write("</STYLE>")
	for (i=0;i<=trailertext.length-1;i++) {
    	document.write("<span id='span"+i+"' class='spanstyle'>")
		document.write(trailertext[i])
    	document.write("</span>")
		if (ie) {
			var thisspan=eval("document.all.span"+i)
			spanwidth[i]=Math.round(parseInt(thisspan.offsetWidth))
			if (spanwidth[i]==0) {spanwidth[i]=textfontsize}
		}
		if (ns6) {
			var thisspan=eval("document.getElementById('span"+i+"')")
			spanwidth[i]=Math.round(parseInt(thisspan.offsetWidth))
			if (spanwidth[i]==0) {spanwidth[i]=textfontsize}
		}
		if (ns4) {
			var thisspan=eval("document.span"+i+".document")
			spanwidth[i]=Math.round(thisspan.width)
			if (spanwidth[i]==0) {spanwidth[i]=textfontsize}
			thisspan.clear()
		}
	}
}

if (ns4){
	document.captureEvents(Event.MOUSEMOVE);
}

if (ie || ns6 || ns4) {
	document.onmousemove = handlerMM;
	window.onload=getpagesize
}
</script>

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

Schritt 4: Beten Sie!

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