WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY

Text - osvětlený reflektorem
Normální položka
Zobrazeno: 6188

Popis: Pěkné osvětlení nápis s pohybem osvětlené plochy.
Funkčnost: Funkční v IE 5.5 a vyšší, Mozzila
Hodnocení: *****
Ukázka

Následující kód si vložte mezi tagy <HEAD> a </HEAD>.

<STYLE TYPE="text/css">
<!--
BODY    { color: white;
          background-color: black;
          text-align: center }
#napis  { position: relative;
          width: 700px;
          height: 80px;
          font: bold 60px Arial;
          filter: Light() }
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var MinX=0, 
    MaxX=700,
    X=0,
    Y=40,
    Step=10,
    id;
    
function Move()
{
    // Přesun zdroje světla
    document.all.napis.filters.Light.moveLight(0, X, Y, 0, true);

    // Aktualizace 
    X += Step;      

    if (X >= MaxX) {
        Step = -Step;
        };

    if (X <= MinX) {
        Step = -Step;
        };
}

function Init()
{
    document.all.napis.filters.Light.addCone((MinX+MaxX)/2, Y, 100, X, Y,
        255, 255, 255, 100, 20);    // Kuželový zdroj světla
    document.all.napis.filters.Light.addAmbient(0, 0, 127, 100);
                                    // Rovnoměrný zdroj světla
    id = setInterval("Move()", 100);    // Aktivace pohybu
}
    
// -->
</SCRIPT>

Následující kód si vložte dovnitř tagu </BODY>.

onLoad="Init()"

Následující kód si vložte mezi tagy <BODY> a </BODY>.

<DIV ID=napis>Cheater</DIV>