tutorials.hu

Kezdőlap Blogok Fórum Kapcsolat

Belépés

E-mail cím:

Jelszó:



Regisztráció
Elfelejtett jelszó

Új tutorial feltöltése ebbe a ketegóriába!

Tutorial feltöltése ebbe a kategóriába

JavaScript tutorial


Gördülő fényujság készítése JavaScript segítségével

Beküdte: softman | 2009-01-02 22:48:36 | hozzászólások (2)
Megtekintve 13840 alkalommal
Értékelés: | értékelje ezt a tutorialt

Gördülő fényujság készítése JavaScript segítségével

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
Hozzászólások:
Beküldte: tanonc 2009-02-18 12:08:30
Hi softman!
mi inditja el a jsrcipt futasat..?
Beküldte: softman 2009-02-25 21:45:47



Szólj te is hozzá:
Beceneved:


Hozzászólásod:


Megjegyzés

A beküldött tutorialok taralmáért felelősséget az oldal szerkesztője nem vállal



Hirdetések


Photoshop, Flash, CSS, JavaScript, HTML, Delphi, C++, SQL, Egyéb segédletek gyűjteménye
Copyright © O-Soft Bt. Készítette, és az oldalt fenntartja O-Soft Bt.