Javascript - Regenbogen Laufschrift

Gif-Bilder

Home
Software
3D Grafik
animierte Gifs
Open Source
Freeware
Begriffe
Favicons
Fotografie
Tipps Tricks
Games
Bildarchive
Fussball
Artikel
Java-Scripts
Download
Wallpaper
Lexikon
Weblog

Quellen

Freie Fonts
Freie Sounds
Gratis Grafiken
Texte kaufen
Content Klau
CSS Hilfe
CSS Design
CSS Editor
HTML Editor
Grafiktools
Keyword Info
3D Software
Blog Header
Blog Footer
WP Vorlagen
WP Plugins
WP Quellen

Javascript - Regenbogen

Hier sehen Sie eine kleine Regenbogenlaufschrift. Die Schrift beginnt mit großen Buchstaben und verschwindet danach im Hintergrund. Bitte prüfen Sie ob das Script auf den Browsern funktioniert. Auf dem Internet Explorer müssten fast alle Javascripts funktionieren.

Bauen Sie diesen Quellcode in den Body Tag ein:

<body onload="doittome()">

HTML Code für die Ausgabe des Scripts zwischen den Body Tag:

<script>
<!--
/***   Variablen für die Laufschrift	***/
var probetext = " ++ Dies ist die dynamische Regenbogenlaufschrift ++ ";  
var laenge = probetext.length;			/*** Bitte nicht ändern ***/
var breite = laenge + 2;				/*** Nach Bedarf erhöhen oder erniedrigen ***/
var pos = 1 - breite;					/*** Bitte nicht ändern ***/
/***   Der eigentliche Aufruf														***/
/***	Kleinere Zahlen für die Geschwindigkeit ergeben SCHNELLEREN Lauftext	***/
function doittome()
{
	marquee(probetext, 110);
}


function marquee(text, speed)
{
	var cx = text + text + text + text
	var c1 = cx.substring(pos, pos+Math.floor(laenge/3));
	var c2 = cx.substring(pos+Math.floor(laenge/3), pos+Math.floor(7*laenge/12));
	var c3 = cx.substring(pos+Math.floor(7*laenge/12), pos+laenge-11);
	var c4 = cx.substring(pos+laenge-11, pos+laenge-6);
	var c5 = cx.substring(pos+laenge-6, pos+laenge-3);
	var c6 = cx.substring(pos+laenge-3, pos+laenge-1);
	var c7 = cx.substring(pos+laenge-1, pos+laenge);

	var out = '<center><pre><font size="1" color="#800080">' + c1 + '</font><font size="2" color="#0000FF">' + c2 + '</font><font size="3" color="#008080">' + c3 + '</font><font size="4" color="#00FF00">' + c4 + '</font><font size="5" color="#FFFF00">' + c5 + '</font><font size="6" color="#FF8000">' + c6 + '</font><font size="7" color="#FF0000">'+c7+'</font></pre></center>';

    pos++;
    if (pos == 3 * laenge)
    {
		pos = 1 - breite;
    }
    if (pos < 0) 
    {
		out = '<center><pre><font size="1" color="#800080">' + c1 + '</font><font size="2" color="#0000FF">' + c2 + '</font><font size="3" color="#008080">' + c3 + '</font><font size="4" color="#00FF00">' + c4 + '</font><font size="5" color="#FFFF00">' + c5 + '</font><font size="6" color="#FF8000">' + c6 + '</font><font size="7" color="#FF0000">'+c7+'</font></pre></center>';
    }

	if(navigator.appName=="Netscape")
		with(document.ticker.document)
		{
			open(); write(out); close();
		}
	else
		ticker.innerHTML=out;

	setTimeout('marquee("'+text+'",'+speed+')', speed);
	return true
}


// -->
</script>
<div id="ticker" style="position:absolute; top:100; left:120; width:550; text-align: center; font-family: Arial, Helvetica, sans-serif;"></div>

zurück

Themen:

WP Themes

Programme

Webmaster

SEO Lexikon

Foto Download

Info - Tipp:

Analytics

Webdesign

ECommerce

Reisen

Treiber

Finanzen

Datenrettung

lizenzfreie Bilder

Seo

Filme

Sitemap

Impressum

Language: France

English

Italiano

Spain

Português

	Suchbegriff eingeben Suchformular senden Web www.gif-bilder.de