Postupné nabíhání písmen - ukázka zdrojového kódu zdrojový kód

<html>
<head>
<title>Java Script ze stránky - www.jaknaweb.com</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
</head>

<SCRIPT language=JScript>
var text = "Vše pro tvorbu webu";
var pismen = text.length;
var ZLEVA = 40;
var SHORA = 20;
var PUV_VELIKOST = 140;
var KON_VELIKOST = 24;

function ZobrazP( jake, x, y, vel ) {
    if( vel>KON_VELIKOST ) {
        eval( 'pismeno' + unescape(jake) + '.style.left=' + unescape( x - vel/2 ) );
        eval( 'pismeno' + unescape(jake) + '.style.top=' + unescape( y - vel/2 ) );
        eval( 'pismeno' + unescape(jake) + '.style.fontSize="' + unescape(vel) + 'pt";' );    
        vel-=10;
        setTimeout( "ZobrazP( " + unescape(jake) + "," + unescape(x) + "," + unescape(y) + "," + unescape(vel) + ")" , 40 );
    }    
}

function ZobrazPismeno( jake ) {
    eval( 'pismeno' + unescape(jake) + '.style.visibility="visible";' );
    ZobrazP( jake, ZLEVA+jake*KON_VELIKOST, SHORA, PUV_VELIKOST );
}


function main() {
    var cas=0;
    for(var i=0; i<pismen; i++)    if( text.charAt(i)!=" ") setTimeout( "ZobrazPismeno( " + unescape(i) + ")", 550*cas++ );
}

function MysPres() {
    if (window.event.srcElement.tagName == "SPAN" ) {
        window.event.srcElement.style.color="#E0E0E0";
    }    
}
function MysVen() {
    if (window.event.srcElement.tagName == "SPAN" ) {
        window.event.srcElement.style.color="#0000FF";
    }    
}

</SCRIPT>

<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<BODY onmouseover=MysPres() onmouseout=MysVen() text=#ffffff vLink=#c0c0c0 
aLink=#ff0000 link=#c0c0c0 bgColor=#000000 scroll=no onload=main()><FONT 
face=Verdana size=2>
<SCRIPT language=JScript>
for(var i=0; i<pismen; i++) {
    document.write( "<span id=pismeno" + unescape(i) + ' style="visibility:hidden;font-family:Courier New;position:absolute;width:' + unescape(PUV_VELIKOST) + 'px;">' );
    document.write( text.charAt(i) );
    document.write( "</span>" );
}    
</SCRIPT>
</A></FONT>

</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