Změna obrázku bez najetí myši - ukázka zdrojového kódu zdrojový kód

<html><title>Java Script ze stránky - www.jaknaweb.com</title>
<body bgcolor="#FFFFFF" text="#000000">

<script LANGUAGE="JavaScript">
<!--

var id, op = 100, step = -10;

function Start()
{
    id = window.setInterval("Move()", 50);
}

function Stop()
{
    window.clearInterval(id);
}

function Move()
{
    op += step;

    if (op < 0) {
        op = 0;
        step = -step;
        };

    if (op > 100) {
        op = 100;
        step = -step;
        };

    document.all.img1.filters.Alpha.opacity = op;
    document.all.img2.filters.Alpha.opacity = 100-op;
}
// -->
</script>

<img style="position: absolute; top: 10px; left: 435px; z-index: 2; filter: Alpha(Opacity=100)" OnMouseOver="Stop()" src="tiger2.gif" OnMouseOut="Start()" id="img1" WIDTH="138" HEIGHT="138">
<img style="position: absolute; top: 10px; left: 435px; z-index: 1; filter: Alpha(Opacity=0)" src="tiger1.gif" id="img2" WIDTH="138" HEIGHT="138">
<center>

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