Home + Webmaster + Script + Javascript + Effetti su testo + Testo lampeggiante

Testo lampeggiante

Permette di creare un testo lampeggiante come questo: Ecco il testo che lampeggia!

<html>
<head>
<script type="text/javascript">
	function blinker(farbe1, farbe2, tempo) {
		faktor = 0;
		heller = 1;
		rot1 = farbe1.substr(0, 2);
		gruen1 = farbe1.substr(2, 2);
		blau1 = farbe1.substr(4, 2);
		rot1 = parseInt(rot1, 16);
		gruen1 = parseInt(gruen1, 16);
		blau1 = parseInt(blau1, 16);
		rot2 = farbe2.substr(0, 2);
		gruen2 = farbe2.substr(2, 2);
		blau2 = farbe2.substr(4, 2);
		rot2 = parseInt(rot2, 16);
		gruen2 = parseInt(gruen2, 16);
		blau2 = parseInt(blau2, 16);
		rot_diff = rot2 - rot1;
		gruen_diff = gruen2 - gruen1;
		blau_diff = blau2 - blau1;
		tempo_verlauf = tempo;
		blinker_verlauf();
	}
function blinker_verlauf() {
		rot_neu = rot1 + rot_diff / 100 * faktor;
		gruen_neu = gruen1 + gruen_diff / 100 * faktor;
		blau_neu = blau1 + blau_diff / 100 * faktor;
		rot_neu = Math.floor(rot_neu);
		gruen_neu = Math.floor(gruen_neu);
		blau_neu = Math.floor(blau_neu);
		if(heller == 0) {
			faktor += 10;
		} else {
			faktor -= 10;
		}
		if(faktor >= 100) {
			heller = 1;
		}
		if(faktor <= 0) {
			heller = 0;
		}
		for(i=0; i<document.getElementsByTagName("span").length; i++) {
			if(document.getElementsByTagName("span")[i].className == "blink") document.getElementsByTagName("span")[i].style.color = "rgb(" + rot_neu + ", " + gruen_neu + ", " + blau_neu + ")";
		}
		window.setTimeout("blinker_verlauf()", tempo_verlauf);
	}
</script>

</head>

<body onload="blinker('ff0000', 'ffff00', 100)">
<p>Dieser <span class="blink">Text</span> fadet langsam ein und aus!</p>
</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

E-Learning Scopri il catalogo dei corsi, da quello per webmaster a quelli di programmazione avanzata!

Virus Scan McAfee Protteggi al meglio il tuo computer. Mcafee Total Protection con il 20% di sconto.

Linux Guida al sistema operativo open-source, completamente gratuito e potente.