Newsticker, optimiert für hPage-Designvorlage

Moderator: HTML-Laie

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

Newsticker, optimiert für hPage-Designvorlage

Beitrag von Hape »

Alles in den Body kopieren:

Code: Alles auswählen

<style>
  .typer{
    background-color:lightblue;
    color:red;
    border:1px solid blue;
    font-size:10px;
    font-family:verdana;
    width:240px;
  }
</style>

Code: Alles auswählen

<form name="frm_typer">
<input type="text" size="66" value=" Nicht verfügbar! " style="font-weight: normal; color: #004000; background-color: #80FF80; font-family: Bradley Hand ITC; font-size: 16pt" size="80" id=txt_typer readonly>
</form>

Code: Alles auswählen

<script langauge="JavaScript">
var lines  = [
" .:: Hallo! Das ist ein News-Ticker ",
" .:: Wurde getestet mit nPage-Standarddesign",
" .:: Alles in den body kopieren",
" .:: Viel Spaß damit..."]

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>
Demoseite: https://hapes-javascript-demo-page.hpag ... cker2.html

Antworten