THE WORLD OF JAVASCRIPTS

text-blub

/--Zurück--\ /--Seite drucken--\

Java Script

Textzeile in BEWEGUNG
(Siehe Beispiel)
Dieser Script funktioniert leider nicht immer in einer HP, die mit dem Homepage Baukasten gemacht wurde.

<style>
a	{text-decoration:none; }
</style>
<script>

k=-1;
	Buchstabe = new Array();
function erzeuge(text,url,target)		// string2array
{
	if(url!="" && target!="")document.write("<a href=\""+url+"\" target=\""+target+"\">");
	if(url!="" && target=="")document.write("<a href=\""+url+"\" >");
	for(var l=0;l<=text.length-1;l++)
	{
		k++;
		Buchstabe[k] =new Array();
		zeichen=text.charAt(l); if(zeichen==" ") zeichen=" ";
		if(blubber==false)maus="onmouseover=\"setzen("+k+")\"";else maus="";
		document.write("<span class=\"blubber\" "+maus+" id=\"x"+k+"\">"+zeichen+"</span>");
		Buchstabe[k]["style"] = document.getElementById("x"+k).style;
		if(color)	Buchstabe[k]["style"].color		= Color[4]
		if(size)	Buchstabe[k]["style"].fontSize		= Size[4]+"pt";
		if(bgcolor)	Buchstabe[k]["style"].backgroundColor	= BgColor[4];
	}
	if(url!="")document.write("</a>");
}
function init()
{
	if(startdir)z=-3;else z=Buchstabe.length+3;
	if(Intro && blubber==false){z=-3; intro();}
	dir=startdir;
	if(blubber)blubb();
}
function blubb()
{
	if(z<=Buchstabe.length && dir==true)z++;
	if(z>=0 && dir==false)z--;
	setzen(Buchstabe.length-z);
	if(z>=Buchstabe.length-3)dir=false;
	if(z<=3)dir=true;
	setTimeout("blubb()",10);
}

function intro()
{
	if(z<=Buchstabe.length)
	{
		setzen(Buchstabe.length-z);
		z++;
		setTimeout("intro()",10);
	}
}

/*************** hier kann man das Script editieren! *******************/

size	= true;		//soll die Schriftgröße dynamisch sein?
	color	= true;		//soll die Farbe dynamisch sein?
	bgcolor = true;		//soll die Hintergrundfarbe dynamisch sein?
	Intro	= true;		//soll das Intro gezeigt werden (true,false)
	blubber	= true;		//false für mouse-over aktiv | true für hin&her-'blubbern'
	startdir= false;		//Startrichtung für intro oder hin&her-blubbern: true für rückwärts | false für vorwärts
/*
	***** hier die Werte: *****
	es müssen pro Array GENAU 5 Werte sein!
	der erste Wert beschreibt immer den wert genau unterm cursor, der letzte die standard-größe
	die werte dazwischen beschreiben den 'übergang' je nach links und nach rechts
	(man kann genausogut einen dicken Text beim mouseovern verkleinern)
*/

var Size	= new Array(22,20,18,16,14); // Schriftgröße in 'pt'
	var Color	= new Array("#FF0000","#AA0000","#990000","#550000","#000000"); //Vordergrundfarben
	var BgColor	= new Array("#FFFFFF","#DDDDDD","#CCCCCC","#999999","#808080"); //Hintergrundfarben

-->
</script>
<body onload="init()">
<center>
<table width=400 height=100 border=1><tr><td align="center" valign=middle>

</td></tr></table>
</body>

Um den Script zu kopieren:
Wenn ihr einen Fehler in diesem Script findet, meldet dies doch bitte über das Kontaktformular! Danke!

-------------Vorschau-------------

Um Die Vorschau zu sehen, hier klicken...

THE WORLD OF JAVASCRIPTS

text-blub

Suche