Просмотр архива Анимированный фон на javascript


<?php

<html>

<head>

<title>aceweb.ru - JavaScript - Anim Background</title>



















<script language=javaScript>

<!-- Beginning of JavaScript -



img0 = new Image();

img0.src = "1.jpg";



img1 = new Image();

img1.src = "2.jpg";



img2 = new Image();

img2.src = "3.jpg";



img3 = new Image();

img3.src = "4.jpg";



var i_strngth=1

var i_image=0



var imageurl = new Array()

imageurl[0] ="1.jpg"

imageurl[1] ="2.jpg"

imageurl[2] ="3.jpg"

imageurl[3] ="4.jpg"



function showimage() {        

    if(document.all) {

        if (i_strngth <=80) {

            testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";

            i_strngth=i_strngth+3

            var timer=setTimeout("showimage()",400)

        }    

        else {

            clearTimeout(timer)

            var timer=setTimeout("hideimage()",1000)

        }

    }    

    

    if(document.layers) {

            clearTimeout(timer)

            document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")

            document.close()

            i_image++

            if (i_image >= imageurl.length) {i_image=0}    

            var timer=setTimeout("showimage()",2000)

                

    }    

}





function hideimage() {        

    if (i_strngth >=-3) {

        testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";

        i_strngth=i_strngth-4

        var timer=setTimeout("hideimage()",400)

    }    

    else {

        clearTimeout(timer)

        i_image++

        if (i_image >= imageurl.length) {i_image=0}

        i_strngth=1

        var timer=setTimeout("showimage()",500)    

    }

}





// - End of JavaScript - -->

</script>













</head>

<body bgcolor="36456c" text="white" link="white" topmargin="0" leftmargin="0" onLoad="showimage()">



<div id="testimage" style="position:absolute;visibility:visible;top:0px;left:0px"></div>











<center>





<div id="mainbod" style="position:absolute;visibility:visible;top:10px;">

&nbsp;

<p><center><b>Анимрованный background</b>

<br><br>

</center>

</div>

















<br>



<center>



<a href=http://aceweb.ru/><img src=ace.gif width= 88 height= 31 border= 0></a>



<br>



<a href=http://aceweb.ru/>Заходите и качайте у нас самые свежие скрипты</a>



</center>



</body>



</html>

?>