Aleksej V.: Einfliegender Schriftzug

Beitrag lesen

Hallo Rainer,

Ich hab mal versucht was mit DHTML zusammenzubasteln. kannst mir auch gerne sagen, was du für verbesserungen möchtest, ansonsten kannst du ja hilfe von Ben nehmen.

<html>
<body onLoad="movie()">
<script type="text/JavaScript">
//// Konfiguration ////
var text = new Array('W','i','l','k','o','m','m','e','n') // Text eintragen
var geschwindigkeit = 7 //////////////////// Geschwindigkeit der Buchstaben
var countdown = 10 ///////////////////////// Countdown Geschwindigkeit
var abstand = 20 /////////////////////////// Abstand zwischen Buchstaben
var posl = 200 ////////////////////////////// Abstand von links
var styles =  'style="float:left; position:absolute; top:200px; left:-15; color:red;"' // Styleangaben für die schrift
//// Script ////
var textpos = -10
var dran = 0
var maxim = 1
var tendenz = 0
for (i=0;i!=text.length;i++) document.write('<div id="buchstabe'+i+'" '+styles+'>'+text[i]+'</div>')
function movie() {
if (textpos<posl+maxim&&dran!=text.length) {
document.getElementById('buchstabe'+dran).style.left = textpos+maxim-tendenz
textpos=textpos+geschwindigkeit
window.setTimeout('movie()',countdown)
return
}
else if (text.length==dran) return
else {
document.getElementById('buchstabe'+dran).style.left = abstand+posl+maxim
dran++
maxim=maxim+abstand
textpos=-10-maxim+tendenz
window.setTimeout('movie()',countdown)
tendenz = tendenz+abstand/1,4
}
}
</script>
</body>
</html>

Grüße aus Düsseldorf,

--
Aleksej