天天看點

很酷的js圖檔展示特效

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>非常酷的圖檔展示效果,sky整理收集。</title>

<meta name="keywords" content="站長,網頁特效,js特效,廣告代碼,zzjs,zzjs.net,sky,www.zzjs.net,站長特效 網" />

<meta name="description" content="www.zzjs.net,站長特效網,站長必備js特效及廣告代碼。大量高品質js特效,提供高品質廣告代碼下載下傳,盡在站長特效網" />

<meta http-equiv="imagetoolbar" content="no">

<mce: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;

filter: alpha(opacity=70);

-moz-opacity:0.7;

opacity:0.7;

}

--></mce:style><style type="text/css" mce_bogus="1"> 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;

filter: alpha(opacity=70);

-moz-opacity:0.7;

opacity:0.7;

}</style>

<mce: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;

}//歡迎來到站長特效網,我們的網址是www.zzjs.net,很好記,zz站長,js就是js特效,本站收集大量高品質js代碼,還有許多廣告代碼下載下傳。

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";

}

}

}//歡迎來到站長特效網,我們的網址是www.zzjs.net,很好記,zz站長,js就是js特效,本站收集大量高品質js代碼,還有許多廣告代碼下載下傳。

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();

}//歡迎來到站長特效網,我們的網址是www.zzjs.net,很好記,zz站長,js就是js特效,本站收集大量高品質js代碼,還有許多廣告代碼下載下傳。

// --></mce:script>

</head>

<body>

<a href="http://www.zzjs.net/" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" mce_href="http://www.zzjs.net/" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >站長特效網</a>,站長必備的高品質網頁特效和廣告代碼。zzjs.net,站長js特效。<hr>

<!--歡迎來到站長特效網,我們網站收集大量高品質js特效,提供許多廣告代碼下載下傳,網址:www.zzjs.net,[email protected],用.net打造靓站-->

<div style="position:absolute;left:50%;top:50%">

<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" style="visibility:hidden" mce_style="visibility:hidden">

<img title="zzjs" src="/ad/1.gif" mce_src="ad/1.gif">

<img title="sky" src="/ad/2.gif" mce_src="ad/2.gif">

<img title="my games" src="/ad/3.gif" mce_src="ad/3.gif">

<img title="www.zzjs .net" src="/ad/4.gif" mce_src="ad/4.gif">

<img title="welcome to zzjs.net" src="/ad/5.gif" mce_src="ad/5.gif">

</div>

</body>

</html>

------------------

LSF(科學之愛永恒)論壇

http://www.lsf.cc

用想象力來閱讀!!!

繼續閱讀