Načtení textu s přechodem z hora dolů - ukázka zdrojového kódu 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>
Vložil/Poslal/Autor: Admin
Funkčnost: správna funkčnost zaručena pouze v IE 6
zavřít okno | jít na hlavní stránku JakNaWeb.com