Tehnika Krstarice > Programiranje > JavaScript - Efekat HTML stranice, "Loading..."

JavaScript - Efekat HTML stranice, "Loading..."

17.04.2001.

Evo jednog vrlo zanimljivog JavaScript koda. Radi se o skriptu koji otvara novi prozor browser-a, i to u full-screen modu. Ali to nije obično otvaranje već, otvaranje koje ide sa jedne strane na drugu sa efektom "klizanja" (kao pozorišna zavesa). Sve što će vam biti potrebno u telu HTML stranice je sledeći poziv funkcije "" iz <BODY> taga:

 <BODY ONLOAD="Zavesa()"> 

A evo zatim i vrlo jednostavnog skripta, koji treba da ubacite unutar <HEAD> taga:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
// adresa vase strane
url = "vasastrana.htm";

// brzina pokretanja "zavese"
// manji broj znaci sporije kretanje
var brzinaX = 7;

// vertikal. brzina pokretanja "zavese" 
// manji broj znaci sporije spustanje
var brzinaY = 5; 

// pozadinska boja uvodnog ekrana
var bgColor = "#000000";

// boja teksta na istoj strani
var txtColor = "#FF80000";

if (document.all) {
var sirina = window.screen.availWidth;
var visina = window.screen.availHeight;
}
function Zavesa() {
if (document.all) {
var strZavesa = window.open("","ProzorZavesa","fullscreen");
strZavesa.document.write('<HTML><BODY 
BGCOLOR='+bgColor+' SCROLL=NO><FONT 
FACE=ARIAL COLOR='+txtColor+'>Ucitavanje 
strane...</FONT></BODY></HTML>');
strZavesa.focus();
for (H=1; H<visina; H+= brzinaY) {
strZavesa.resizeTo(1,H);
}
for (W=1; W<sirina; W+= brzinaX) {
strZavesa.resizeTo(W,H);
}
strZavesa.location = url;
}  
else {
window.open(url,"ProzorZavesa","");
   }
}
//  End -->
</SCRIPT>

Preporučite ovaj članak

Članak još uvek nije ocenjen.