Texteffekt

<SCRIPT LANGUAGE="JavaScript">

 

// Hier der Text, soviele Zeilen, wie Du willst
var message=new Array()

message[0]="&nbsp;&nbsp;&nbsp;Tolle Homepage !&nbsp;&nbsp; "
message[1]="&nbsp;&nbsp;&nbsp;Tolles Mädchen ! &nbsp;&nbsp;"
message[2]="&nbsp;&nbsp;&nbsp;Und noch eines !&nbsp;&nbsp; " 


// LINKS

var messageurl=new Array()
messageurl[0]="http://www.gloeckner-nbg.de/"
messageurl[1]="http://www.gloeckner-nbg.de/bild1.jpg"
messageurl[2]="http://www.gloeckner-nbg.de/bild2.jpg" 

// Öffnen der Links in neuem Fenster

var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank" 

// Schriftgröße
var fontsize=16 

// Schriftfarbe
var fontcolor="yellow" 

// Schrifttyp
var fontfamily="comic sans ms" 

// Text :  1 = fett, 0 = normal
var fontweight=1 

// Text erscheint für ... Sekunden
var pause=4 

// Hintergrundfarbe
var G="000000" 

// Abstand vom linken Bildrand in pixel
var posleft=305 

// Abstand vom oberen Bildrand in px
var postop=10

// Tabellenbreite in px
var X=390 

// Tabellenhöhe in px
var Y=55 

// Rahmenbreite in px
var Z=7

// Rahmenfarbe 
var GG="beige"

// Textabstand in px
var A=10 



// ab hier nichts mehr verändern !

var linktext="Klick hier !"
var textwidth=X-(2*A)
var textcontent=""
var bgcontent=""
var i_message=0
var i_stepwave=0
var i_maxstepwave=20
pause=pause*1000
if (fontweight==1) {fontweight="700"}
else {fontweight="100"} 
function initiate() {
gettextcontent()
getbgcontent()
if (document.all) {
wavemessage.innerHTML=textcontent
wavemessagebg.innerHTML=bgcontent
wavemessagebg.style.posLeft=posleft
wavemessagebg.style.posTop=postop
wavemessage.style.posLeft=posleft+A
wavemessage.style.posTop=postop+A
enlargewave()
}
if (document.layers) {
document.wavemessage.left=posleft+A
document.wavemessage.top=postop+A
document.wavemessagebg.document.write(bgcontent)
document.wavemessagebg.document.close()
document.wavemessagebg.left=posleft
document.wavemessagebg.top=postop
changemessage()
}
} 
function enlargewave() {
if (i_stepwave<=i_maxstepwave) {
wavemessage.filters.wave.phase=i_stepwave
wavemessage.filters.wave.strength=i_stepwave
wavemessage.filters.wave.lightstrength=i_stepwave
wavemessage.filters.wave.freq=i_stepwave
i_stepwave++
var timer=setTimeout("enlargewave()",50)
}
else {
clearTimeout(timer)
changemessage()
}
} 
function reducewave() {
if (i_stepwave>0) {
wavemessage.filters.wave.phase=i_stepwave
wavemessage.filters.wave.strength=i_stepwave
wavemessage.filters.wave.lightstrength=i_stepwave
wavemessage.filters.wave.freq=i_stepwave
i_stepwave--
var timer=setTimeout("reducewave()",50)
}
else {
clearTimeout(timer)
var timer=setTimeout("enlargewave()",pause)
}
} 
function changemessage() {
i_message++
if (i_message>=message.length) {i_message=0}
gettextcontent() 
if (document.all) {
wavemessage.innerHTML=textcontent
reducewave()
}

if (document.layers) {
document.wavemessage.document.write(textcontent)
document.wavemessage.document.close()
var timer=setTimeout("changemessage()",pause)
}

} 
function gettextcontent() {
textcontent="<span style='font-size:"+fontsize+"pt;font-family:"+fontfamily+";font-weight:"+fontweight+";width:"+textwidth+"px'>"
textcontent+="<font color="+fontcolor+">"+message[i_message]+"</font> "
textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+"> "
textcontent+="<font color="+fontcolor+">"+linktext+"</font></a></span>"
} 
function getbgcontent() {
bgcontent="<table bgcolor="+G+" width="+X+" height="+Y+" border="+Z+" bordercolor="+GG+"><tr><td> </td></tr></table>"

}
window.onload=initiate

</SCRIPT>

<DIV ID="wavemessagebg" style="position:absolute;"></DIV>
<DIV ID="wavemessage" style="position:absolute; filter:wave()"></DIV>