Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Cool, cool, and exquisite image display code (2)</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;.txt Slide {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; filter: alpha (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", {'classname': 'spanslide'}); img = createElement (this. o, "img", {'classname': "imgSlide", 'src': mooz. imgsrc [N % mooz. imgsrc. length]. 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></head><body><div ><div ></div><div >Loading...</div><div id="screen" ></div></div><div id="images" ></div></body></html>
Tip: you can modify some code before running
