<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01//en" "HTTP://WWW.W3.ORG/TR/HTML4/STRICT.DTD" > <ptml> <pead> & lt;title> Bidirectional amplification Advertising code-Cloud habitat Community </title> <meta http-equiv= "Imagetoolbar" content= "no" > <style type= "text/" CSS "> HTML {overflow:hidden; Body {background: #222; width:100%; height:100%; Cursor:crosshair; }. spanslide {position:absolute; Background: #000; font-size:1px; Overflow:hidden; }. imgslide {position:absolute; left:5%; top:5%; width:90%; height:90%; Overflow:hidden; }. txtslide {position:absolute; top:5%; left:50px; width:100%; Color: #FFF; Font-family:arial, Helvetica, Verdana, Sans-serif; Font-weight:bold; font-size:96px; letter-spacing:12px; FilterAlpha (OPACITY=70); -moz-opacity:0.7; opacity:0.7; } </style> <script type= "Text/javascript" > var ym=0; var ny=0; createelement = function (container, type, param) {o=document.createelement (type); for (var i in param) o[i]=param[i]; Container.appendchild (o); return o; } Mooz = {o:[],/////////mult:6, Nbi:5,/////////rwh:0, imgsrc:0, w:0, H : 0, Xoom:function (N) {this.o = createelement (document.getElementById ("screen"), "span", {' CLA Ssname ': ' Spanslide '}); img = createelement (THIS.O, "img", {' ClassName ': "imgslide", ' src ': mooz.imgsrc[n%mooz.imgsrc.len GTH].SRC}); Spa = createelement (THIS.O, "span", {' ClassName ': "Imgslide"}); txt = createelement (Spa, "span", {' ClassName ': "Txtslide", ' InnerHTML ': mooz.imgsrc[n%mooz.imgsrc . length].title }); This. N = 10000+n; }, Mainloop:function () {with (this) {for (i=0; i<mooz.nbi; i++) {o[i]. N + = (ym-ny)/8000; N = O[i]. N%nbi; TI = Math.pow (mult,n); With (O[i].o.style) {left = Math.Round (W (TI*RWH))/(W+ti) * (w*.5)) + "px"; top = Math.Round ((h-ti)/(H+ti) * (h*.5) + "px"; ZIndex = Math.Round (10000-ti*.1); width = Math.Round (TI*RWH) + "px"; Height = Math.Round (ti) + "px"; }} settimeout ("Mooz.mainloop ();", 16); }, Oigres:function () {with (this) {W = parseint (document.getElementById (' Screen '). Style.width); H = parseint (document.getElementById ("screen"). Style.height); IMGSRC = document.getElementById ("Images"). getElementsByTagName ("img"); RWH = IMGsrc[0].width/imgsrc[0].height; for (Var i=0;i<nbi;i++) o[i] = new Xoom (i); Mainloop (); }} document.onmousemove = function (e) {if (window.event) e=window.event; YM = (E.y | | e.clienty); if (Ym/2>ny) NY=YM/2; } window.onload = function () {ym = ny+50; Mooz.oigres (); } </script> </pead> <body> <div > <div style= "position:absolute;width:720px;height: 560px;left:-360px;top:-280px;background: #fff "></div> <div style=" position:absolute;left:-40px;top:- 6px;color: #000 font-family:arial;font-size:0.9em ">Loading...</div> <div id=" screen "style=" Position: Absolute;width:640px;height:480px;left:-320px;top: -240px;overflow:hidden "></div> </div> <div ID = "Images" > </div> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
