[Telex III]

Laufschrift mit Fading Effekt

[zwischen <HEAD> und </HEAD>]

<script language="JavaScript">
<!--
/* Original by Kurt Grigg (http://website.lineone.net/~kurt.grigg)
* modified by N8i (www.nightfire.ch)
* script works with DOM compatibly browsers
*/


var compat = (document.getElementById)? 1:0;
if (compat){
Size=16;
Font='Verdana';
Colour='#aecae5';
typespeed=50;
containerwidth=400;//Must be big enough to accomadate the longest message!!!
containerheight=30;

msg=new Array()
msg[0]="Telex variation with message fade out.";
msg[1]="DOM compatibly browsers only, other browsers will see nothing.";
msg[2]="Get this and more at...";
msg[3]="Kurt's Free Original DHTML - JavaScript";
msg[4]="http://website.lineone.net/~kurt.grigg/javascript";

//Alter nothing past here!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Msgs="<div id='X' style='position:relative;"
+"width:"+containerwidth+";height:"+containerheight+";font-family:"+Font+";"
+"font-size:"+Size+";color:"+Colour+"'></div>";
fade=100;
next=0;
pos=0;

function Type(){
if (fade == 100) pos++;
if (msg[next].substring(pos-1,pos) == " ") pos++;
if (pos > msg[next].length*1.5) {fade-=3}
if (fade <= 0) {fade=100;pos=0;next++}
if (next == msg.length) {next=0}
text=msg[next].substring(0,pos);
document.getElementById("X").innerHTML=text;
if (document.all) document.getElementById("X").style.filter='alpha(opacity='+fade+')';
else document.getElementById("X").style.MozOpacity = fade/100
setTimeout('Type()',typespeed);
}
}
// -->
</script>

[in den <BODY> Tag]

onLoad="if (compat) Type()"

[zwischen <BODY> und </BODY>, wo die Message erscheinen soll.]

<script language="JavaScript">
<!--
if (compat) document.write(Msgs)
//-->
</script>

[Autor]


Kurt Grigg
modified by N8i (www.nightfire.ch)

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 0256