Postupné načítání textu -
zdrojový kód
<html>
<head><title>Java Script ze stránky - www.jaknaweb.com</title>
<style>
.font1 {
font: 24pt "ARIAL","VERDANA";
font-weight: bold;
color: blue;
letter-spacing:-2pt;
}
.font2 {
font: 20pt "ARIAL","VERDANA";
font-weight: bold;
color: red;
letter-spacing:0pt;
}
.font3 {
font: 10pt "ARIAL","Tahoma";
color: silver;
letter-spacing:3pt;
}
.obsah {
visibility: hidden;
}
</style>
</head>
<body Background="pozadi.jpg" text="#000000" link="#0000FF" vlink="#0000FF" alink="#0000FF" onLoad="main()">
<script language="JavaScript">
var logo1, logo2, logo3, logo4;
function main() {
logo1 = new OLogo( "logo1", 10, 2 , "logo2.vykresli()", 40);
logo2 = new OLogo( "logo2", 50, 4 , "logo3.vykresli()", 50);
logo3 = new OLogo( "logo3", 100, 4 , "logo4.vykresli()", 80);
logo4 = new OLogo( "logo4", 120, 5 , "Zasum()", 90);
logo1.vykresli();
}
function OLogo( id, rychlost, krok, uloha, spust_ulohu ) {
this.id = id;
this.rychlost = rychlost;
this.krok = krok;
this.alph = 0;
this.dalsi_uloha = uloha;
this.spust_ulohu = spust_ulohu;
this.vykresli = MVykresli;
}
function MVykresli() {
with( this ) {
if( !alph ) {
eval( 'document.all( "' + id + '").style.visibility = "visible"' );
}
if( alph<100 ) {
eval( 'document.all( "' + id + '").filters.alpha.opacity = alph' );
alph += krok;
setTimeout( id + ".vykresli()", rychlost );
if(spust_ulohu<alph) {
setTimeout( dalsi_uloha, 0 );
}
} else {
eval( 'document.all( "' + id + '").filters.alpha.enabled = false' );
}
}
}
function Zasum() {
if(obsah.filters.item(0).status != 2){
obsah.filters.item(0).Apply();
obsah.style.visibility="visible";
obsah.filters.item(0).Play();
}
}
</script>
<div id="logo1" class="font1" style="visibility:hidden;position:absolute;left:200px;top:20px;width:580px;height:40px; filter:alpha(style=0);">
Tvorba</div>
<div id="logo2" class="font2" style="visibility:hidden;position:absolute;left:320px;top:42px;width:390px;height:40px; filter:alpha(style=0);">
www
</div>
<div id="logo3" class="font3" style="visibility:hidden;position:absolute;left:40px;top:60px;width:400px;height:40px; filter:alpha(style=0);">
www.jaknaweb.com
</div>
<div id="logo4" class="font3" style="visibility:hidden;position:absolute;left:120px;top:80px;width:400px;height:40px; filter:alpha(style=0);">
vše pro web.
</div>
<div id="obsah" class="obsah" style="visibility:hidden; filter:alpha(style=0);"></div>
</body>
</html>