Code: Alles auswählen
<!-- Script-Anfang -->
<!-- www-java24.net - DIE Javascript - Ressource -->
<!-- Diesen Code musst Du in den head-Tag einfügen-->
<style>
.typer{
background-color:lightblue;
color:red;
border:1px solid blue;
font-size:10px;
font-family:verdana;
width:240px;
}
</style>
Code: Alles auswählen
<!-- Diesen Code musst Du in body einfügen.-->
<form name="frm_typer">
<input type=text class="typer" id=txt_typer readonly>
</form>
<script langauge="JavaScript">
var lines = [
" .:: Herzlich Willkommen bei java24.net",
" .:: Das ist eine Demo der TextboxTyper",
" .:: Es ist beliebig erweiterbar.......",
" .:: und leicht zu konfigurieren. "]
var delay = 50;
var bdelay = 1000;
var stack_pointer = 0;
var line_pointer = 0;
var edelay = 0;
var field = document.frm_typer.txt_typer
function ftype()
{
if(stack_pointer < (lines[line_pointer].length+1))
{
edelay = delay;
txt = lines[line_pointer].substr(0,stack_pointer)
field.value = txt
stack_pointer++
}
else
{
line_pointer++;
if(line_pointer >= lines.length) line_pointer = 0
edelay = bdelay;
stack_pointer = 0;
}
setTimeout("ftype()",edelay)
}
ftype();
</script>
<!-- Script-Ende -->
<!-- www-java24.net - DIE Javascript - Ressource -->