Antwort an Unbekannt! Betreff: Textanimation mit innerHTML
code21
- dhtml
Hallo Unbekannt!
Du hättest deine Frage lieber in das Forum schreiben solln! ... als mir ne Mail zu schicken ...(die ist leider verloren gegangen)! Aus diesem Grund schreib ich die Lösung hier ins Forum ich hoffe du bekommst Sie zu sehen.. oder Mail mir einfach noch mal!
Du solltest aber eher Layer verwenden die du nach und nach "visible" sprich sichtbar machst, dann ist es auch kompatibel zu NN.
Hier das was du glaub ich gesucht hast!
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var speed = 0
var pause = 2000
var timerID = null
var bannerRunning = false
var ar = new Array()
ar[0] = "Das ist eine neue Form der <b>Animation</b> wie man sie bis jetzt nur aus der Statusleiste kennt"
ar[1] = "Erzeugt unter Verwendung von JavaScript und einem Microsoft eigenem Tag !"
ar[2] = "Dieses Tag macht eigentlich eine Menge Sinn und erlaubt das einbinden von externen Text oder HTML-Dateien"
ar[3] = "leider gibt es dieses Tag bei Netscape nicht.....aber schön zu wissen das es ein solches Tag gibt"
var currentMessage = 0
var offset = 0
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID)
bannerRunning = false
}
function startBanner() {
stopBanner()
showBanner()
}
function showBanner() {
var text = ar[currentMessage]
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++
var partialMessage = text.substring(0, offset + 1)
document.all.meinAbsatz.innerHTML = partialMessage
offset++
timerID = setTimeout("showBanner()", speed)
bannerRunning = true
} else {
offset = 0
currentMessage++
if (currentMessage == ar.length)
currentMessage = 0
timerID = setTimeout("showBanner()", pause)
bannerRunning = true
}
}
// -->
</SCRIPT>
</HEAD>
<body onLoad="startBanner()">
<br>
<br>
<div align="center"><center>
<table border="0" width="400">
<tr>
<td><font size="2" face="arial"><p align="left" id="meinAbsatz">
!</p></font> </td>
</tr>
</table>
</center></div>
</BODY></HTML>
Viel Spass damit! code21