Newsticker (2)

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Newsticker (2)

Beitrag von Hape »

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 -->

Antworten