Beküdte: softman | 2009-01-02 22:48:36 | hozzászólások (2)
Megtekintve 2886 alkalommal
Értékelés: 
| értékelje ezt a tutorialt
Készíthetünk gördülő fényújságot weblapunkra, melyet JavaScript segítségével egyszerű megoldani. A gördülő javascript fényújság automatikusan indítható az oldal betöltésével, vagy hozzárendelhetjük kattintáshoz is:
Ha automatikus inditást szeretnént, akkor a HTML kód <body> tagjához adjuk a következőt:
<body onload=futoszoveg()>
Úgy formázhatjuk a szöveget ahogy szeretnék, és jön a fényújság szövege:
JavaScript fényújság sor 1
JavaScript fényújság sor 2
JavaScript fényújság sor 3
JavaScript fényújság sor 4
JavaScript fényújság sor 5
JavaScript fényújság sor 6
JavaScript fényújság sor 7
és így tovább..
A HEAD tagok közé jöhet az alábbi:
<script language="JavaScript">
function scroll() {
if(parseInt(document.all.roller.style.top) > -350) {
document.all.roller.style.top = parseInt(document.all.roller.style.top) - 2
} else {
document.all.roller.style.top = parseInt(document.all.roller.style.top) + 670
}
}
function futoszoveg() {
setInterval("scroll()", 50)
}
</script>
Ez jön a BODY tagba:
<span id="yttre" style="position:absolute; top: 0px; left: 0px; height: 300px; width: 100px; overflow: hidden; clip: rect("0,320,320,0"); border-style: solid">
<span id="roller" style="position: absolute; top: 310px; left: 10px; font-family: tahoma; font-size: 10pt">
Üzenet szövege ide jön!<br><br>
Fényújság sor1<br><br>
Fényújság sor2<br><br>
<font color="red">Ez a sor piros lesz</font><br><br>
Fényújság Sor 4<br><br>
Fényújság Sor 5<br><br>
Fényújság Sor 6<br><br>
<font color="blue">Ez meg a kék sor</font><br><br>
Fényujság sor 7<br><br>
és így tovább...<br><br>
</span>
</span>
És kész is a JavaScript fényújság.
Továbbá ajánlom nektek számtech tanárom oldalát, itt regisztráció után sok oktatási segédanyagot tölthettek le!
m-fórum
és egy jó közösségi portál