Newsticker, optimiert für hPage-Designvorlage
Verfasst: Mo 25. Mai 2020, 20:19
Alles in den Body kopieren:
Demoseite: https://hapes-javascript-demo-page.hpag ... cker2.html
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>