English
<!-- website:http://www.downcodes.com --> <!-- bbs:http://bbs.downcodes.com --> <!-- The complete HTML code is as follows --> <HTML > <HEAD> <title>Picture explosion effect animation demonstration effect [web page special effect]</title> <meta name="Author" content="http://www.downcodes.com"> <meta http-equiv="imagetoolbar " content="no"> </HEAD> <BODY onresize=nx=document.body.clientWidth; bgColor=#000000 scroll=no onload=zyva()> <STYLE> BODY { cursor: default; border-color:# 000000; border-Top-Width:expression(document.body.offsetHeight*.1); border-bottom-Width:expression(document.body.offsetHeight*.1) } </STYLE> <DIV id=IMGSRC style=" VISIBILITY: hidden;"> <IMG src=""> </DIV> <BGSOUND balance=0 src="4-02 - Lulus Theme.mid" loop=infinite> <SCRIPT> // ======= ============================================ // http:// www.downcodes.com // =========================================== ======== window.onerror = new Function("return true") document.onselectstart = new Function("return false") screen.bufferDepth = 16 var nx = document.body.offsetWidth var O = "" var xm = 0 var ym = 1 function insBackground(N,img,O){ document.body.insertAdjacentHTML("BeforeEnd","<span style='position:absolute;left=10%;top=10%;width= 80%;height=70%;background:URL(" + img.src + ");zoom:1000'></span>") this.fx = 0 this.N = N this.obj = document.body. lastChild.style this.O = O this.SCR = function(){ with(this){ z = (N / 2E3) * nx * ym obj.backgroundPosition = (fx--) + xm + (1 / z) * IMGSRC.children[0].width + " center" obj.zoom = z if(O)O.SCR() } } } document.onmousemove = function(){ xm = window.event.x * 2 ym = (50 + window.event.y) / 100 } function zyva(){ for(var i = 0;i<4;i++)O = new insBackground(i+1,IMGSRC.children[0],O) setInterval("O .SCR()",32) } </SCRIPT> </BODY></HTML>
