Dynamic HTML Text








<body onLoad="main()">

<style>
.font1 {
    font: 24pt "ARIAL","VERDANA";
    font-weight: bold;
    color: #0000FF;
    letter-spacing:-2pt;
}
.font2 {
    font: 20pt "ARIAL","VERDANA";
    font-weight: bold;
    color: #00FF00;
    letter-spacing:0pt;
}
.font3 {
    font: 10pt "ARIAL","VERDANA";
    color: #FF0000;
    letter-spacing:3pt;
}
.obsah {
    position:    absolute;
    top:    110px;
    left:    94px;
    width:    600px;
    height: 250px;
    font: 8pt Verdana, Arial;
    line-height:    10pt;
    color:    #000000;
    visibility:    hidden;
}
A {
    color: #808080;
    text-decoration: underline;
}
A.norm {
    color: #808080;
    text-decoration: underline;
}
A.zvyraz {
    color: #000000;
    text-decoration: none;
}
</style>

<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();
    }
}

document.onmouseover = MysPres;
document.onmouseout = MysPryc;

function MysPres() {
    if( window.event.srcElement.tagName=='A' ) {
        window.event.srcElement.className="zvyraz";
    }   
}
function MysPryc() {
    if( window.event.srcElement.tagName=='A' ) {
        window.event.srcElement.className="norm";
    }   
}

</script>

<div id="logo1" class="font1" style="visibility:hidden;position:absolute;left:200px;top:20px;width:580px;height:40px; filter:alpha(style=0);">
Ji°φ TatouÜek
</div>

<div id="logo2" class="font2" style="visibility:hidden;position:absolute;left:320px;top:42px;width:390px;height:40px; filter:alpha(style=0);">
Java Script Library
</div>

<div id="logo3" class="font3" style="visibility:hidden;position:absolute;left:40px;top:60px;width:400px;height:40px; filter:alpha(style=0);">
Skripty pro VaÜe strßnky!
</div>

<div id="logo4" class="font3" style="visibility:hidden;position:absolute;left:120px;top:80px;width:400px;height:40px; filter:alpha(style=0);">
http://java.tatousek.cz
</div>

<div id=obsah class="obsah" style="filter:revealTrans(Duration=1.6, Transition=12)">