Français
<!-- website:http://www.downcodes.com --> <!-- bbs:http://bbs.downcodes.com --> <!-- Le code HTML complet est le suivant --> <html > <head> <title>Démonstration d'effets cosmiques réels dans la page Web [effets spéciaux de la page Web]</title> <meta name="Author" content="http://www.downcodes.com"> < méta http-equiv ="imagetoolbar" content="no"> <style type="text/css"> body {cursor:crosshair;margin:0; padding:0; position:overflow:hidden; ; gauche : 0 ; haut : 0 ; largeur : 100 % ; hauteur : 100 % ;} img {position : absolue ; gauche : -1000 ;} .borderTop {position : absolue ; gauche : 0 ; haut : 0 ; largeur : 100 %;hauteur : 10 %;arrière-plan :#333;z-index:1;} .borderBottom {position:absolute;gauche:0;haut:90%;largeur:100%;hauteur:10%;arrière-plan:#333; z-index: 1;} </style> <script type="text/javascript"><!-- // ======================= ==== ================================ // http://www.downcodes.com // = ==== =============================================== ==== ==== window.onerror = new Function("return true") G1D = new Object(); screen.bufferDepth = 16; o = xm = ym = M = sx = sy = sz = 0; r(v, x){ if (v>x) v-=x; else if (v<0) v+=x; return v } document.onmousemove = function(e){ if (window.event) e = window.event; xm = (ex || e.clientX); (ey || e.clientY); M = 100; } function resize() { nx = document.body.offsetWidth; offsetHeight; } onresize = resize; G1D.creaTe = function(img,w,h,Z){ this.O = document.createElement("img"); .O); ceci.Z = Z; ceci.w = w; ceci.h = h; ceci.x2D = 0; ceci.x3D = Math.round(Math.random() * 100) ; this.y3D = Math.round(Math.random() * 100); this.z3D = Math.round(Math.random() * 100 } G1D.creaTe.prototype.aNim = fonction(sx,sy, sz) { avec (this){ avec(O.style){ wp = 8+(w * (100 - z3D)) * Z ; hp = 8+(h * (100 - z3D)) * Z ; - (wp * .5); tp = y2D - (hp * .5); if(lp>-wp && lp<nx && tp>-hp && tp<ny){ largeur = wp hauteur = hp; lp; top = tp; zIndex = Math.round(-z3D + wp); } sinon gauche = -1000; } x3D=r(x3D += y3D=r(y3D += sy,100); z3D=r( z3D += sz,100); x2D=(nx * .5) + (((x3D - 50) * nx) / z3D=(ny * .5) + (((y3D - 50); ) * ny) / z3D); } } G1D.obZ = function(N,img,Z) { this.N = N; this.o = new Array(); h = hauteur img; pour(i=0;i<N;i++) this.o[i] = new G1D.creaTe(img,w,h,Z } G1D.obZ.prototype.ouiiiin = function( ){ ceci.k += .1; sz = Math.sin(this.k * .1); si(M>0){ sx = ((nx * .5) - xm) / (nx * .25) ; sy = ( (ny * .5) - ym) / (ny * .25); else { sx += Math.cos(this.k / 4) * sy += Math.sin(this. k / 8) * .01; } for(i=0;i<this.N;i++)this.o[i].aNim(sx,sy,sz } function mainloop(){ M--; .ouiiiin() ; setTimeout("mainloop();",16); } onload = function (){ SF = document.getElementById("starfield"); ; o = new G1D.obZ(100,document.getElementById("planète"),.015); mainloop(); } //--> </script> </head> <body> <div class="borderTop "></ div> <div class="borderBottom"></div> <div id="starfield" style="position:absolute;left:0;top:0;z-index:2;"></ div> <img id=planète src=""> </body> </html>
