Magnet Ticker 2: Kostenlose DHTML und JavaScript Text Animationen

Buchstaben Magnet 2

So sieht's eben aus, wenn Sie Ihre Werbekräfte konsequent zusammenziehen. Funktioniert mit IE 5x/6x, NS 4x/6x/7x. Weitere kostenlose Scripts gibt's auf www.fabulant.com

Installation

Schritt 1: Öffnen Sie die Webpage, die Sie magnetisieren möchten. Benutzen Sie dazu einen simplen Texteditor wie z.B. NotePad oder WordPad.

Schritt 2: Fügen Sie den folgenden Code genau dort ein, wo Sie die Animation platzieren möchten:

// 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()
var textlink=new Array()
var texttarget=new Array()

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

// Tragen Sie Ihre Nachrichten ein.
// Jede Nachricht muss durch Anführungs- und Schlusszeichen eingerahmt werden
// Sie können soviele Nachrichten eingeben, wie Sie wollen
text[0]="Fragen Sie nicht, was Sie für den Text tun können."
text[1]="Fragen Sie, was der Text für Sie tun kann."
text[2]="Aber fragen Sie um Himmels Willen nicht mich!"

// Jeder Ihrer Nachrichten muss ein Link zugeordnet werden
// Für Nachrichten, die nicht verlinkt werden sollen,  
// tragen Sie ein "#" anstelle eines URLS's ein (siehe Beispiel Mitte)
textlink[0]="http://www.fabulant.com"
textlink[1]="#"
textlink[2]="http://www.fabulant.com"

// Jedem Ihrer Links muss ein Zielfenster zugeordnet werden
// Mögliche Werte sind "_blank" (öffnet neues Fenster), 
// "_top" oder "_parent" (füllt das ganze Browser-Fenster)
// oder "_self" (lädt die Seite ins gleiche Frame wie der Link)
// Um ein bestimmtes Frame als Zielfenster zu nutzen, tragen Sie einfach den Namen des
// entsprechenden Frames ein (z.B. "main")
texttarget[0]="_blank"
texttarget[1]="_self"
texttarget[2]="_self"

// Wählen Sie eine Schrift
var textfont="Arial"

// Wählen Sie eine Schriftfarbe
var textfontcolor="#444444"

// Wählen Sie eine Schriftgrösse (pixels, CSS)
var textfontsize=9

// Wählen Sie eine Hintergrundfarbe
var textbgcolor="#ffffff"

// Wählen Sie, ob die Schrift "fett" oder "normal" sein soll
var textweight="normal"

// Wählen Sie, ob der Schriftstil "normal" oder "italic" sein soll
var textitalic="normal"

// Bestimmen Sie die maximale Weite (Pixels)
var textwidtha=400

// Bestimmen Sie die Pause zwischen den Messages (Sekunden)
var textpause=3

// Bestimmen Sie die Dickes des Randes (Pixels)
var textborder=0

// Bestimmen Sie die Farbe des Randes
var textbordercolor="#ff9000"

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

var textmessage=new Array()
var pause=13
var max_space=80
var space=" "
var i_substring=0
var i_text=0
var i_space=max_space
var all_space=" "
var content=""
var maxwidth="1000"

textpause*=1000

var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0

if (ie || ns6) {
	var fieldwidth=Math.floor(textwidtha/textfontsize*1.5)
}
if (ns4) {
	if (textfontsize<=13) {
		var fieldwidth=Math.floor(textwidtha/15)
	}
	else if (textfontsize>13 && textfontsize<18) {
		var fieldwidth=Math.floor(textwidtha/22)
	}
	else {
		var fieldwidth=Math.floor(textwidtha/24)
	}
}
for (i=0;i<=text.length-1;i++) {
	textmessage[i]=" "+text[i]
}

function showtext() {
	document.scroll.message.value=content
	i_space--
	if (i_space>=0) {
		content=""
		var timer=setTimeout("reducespace()", pause)
	}
	else {
		clearTimeout(timer)
		document.scroll.message.value=textmessage[i_text]
		i_space=max_space
		var timer=setTimeout("changetext()", textpause)
	}
}

function changetext() {
	i_text++
	if (i_text>textmessage.length-1) {
		i_text=0
	}
	reducespace()
}

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

Schritt 4: Beten Sie!

back