要完成此效果需要两个步骤
第一步：把如下代码加入到<body>区域中
<SCRIPT language=JavaScript>
var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
function MFX_initALL(){
HIDDEN = (NN) ? 'hide' : 'hidden';
VISIBLE = (NN) ? 'show' : 'visible';
runslide=false;
runslide1=true;
stepSide=4;
stepDown=3;
allX = (NN) ? window.innerWidth : document.body.clientWidth;
allY = (NN) ? window.innerHeight : document.body.clientHeight;
centerX = allX/2;
centerY = allY/3;
myREF=0;
L= new Array();
D=new Array;
L[0] = (NN) ? document.Layer1 : document.all.Layer1.style;
L[1] = (NN) ? document.Layer2 : document.all.Layer2.style;
L[2] = (NN) ? document.Layer3 : document.all.Layer3.style;
L[3] = (NN) ? document.Layer4 : document.all.Layer4.style;
L[4] = (NN) ? document.Layer5 : document.all.Layer5.style;
L[5] = (NN) ? document.Layer6 : document.all.Layer6.style;
L[6] = (NN) ? document.Layer7 : document.all.Layer7.style;
L[7] = (NN) ? document.Layer8 : document.all.Layer8.style;
distanceTOhere= new Array();
distanceTOhere[0]=1;
distanceTOhere[1]=0.85;
distanceTOhere[2]=0.7;
distanceTOhere[3]=0.55;
distanceTOhere[4]=0.4;
distanceTOhere[5]=0.3;
distanceTOhere[6]=0.15;
ofset=new Array();
ofset[0]=10;
ofset[1]=20;
ofset[2]=30;
ofset[3]=40;
ofset[4]=50;
ofset[5]=60;
ofset[6]=70;
for(m=0; m<L.length; m++){
L[m].visibility=VISIBLE;
}
if(NN){
L[7].left=centerX-5;
L[7].top=centerY-5;
}
else{
L[7].pixelLeft=centerX-5;
L[7].pixelTop=centerY-5;
}
}
function initMFXCoords(e){
if(NN){
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove = MFXCoords;
}
else{
window.document.onmousemove = MFXCoords;
}
}
function MFXCoords(evt){
if(!runslide){
if(NN){
posX=evt.pageX;
posY=evt.pageY;
myX=centerX-posX+73;
myY=centerY-posY+73;
for(i=0; i<L.length-1; i++){
L[i].moveTo(centerX-distanceTOhere[i]*myX,centerY-distanceTOhere[i]*myY)
}
}
else{
posX=window.event.x;
posY=window.event.y;
myX=centerX-posX+73;
myY=centerY-posY+73;
for(i=0; i<L.length-1; i++){
L[i].pixelLeft=(centerX-distanceTOhere[i]*myX)
L[i].pixelTop=(centerY-distanceTOhere[i]*myY)
}}
}
}
</SCRIPT>
<DIV id=Layer1
style="Z-INDEX: 1; LEFT: 318px; VISIBILITY: hidden; WIDTH: 140px; POSITION: absolute; TOP: 46px; HEIGHT: 140px"><IMG
height=140 src="../wytx/images/89/krug1.gif" width=140> </DIV>
<DIV id=Layer2
style="Z-INDEX: 1; LEFT: 23px; VISIBILITY: hidden; WIDTH: 120px; POSITION: absolute; TOP: 151px; HEIGHT: 120px"><IMG
height=120 src="../wytx/images/89/krug2.gif" width=120> </DIV>
<DIV id=Layer3
style="Z-INDEX: 2; LEFT: 268px; VISIBILITY: hidden; WIDTH: 100px; POSITION: absolute; TOP: 311px; HEIGHT: 100px"><IMG
height=100 src="../wytx/images/89/krug3.gif" width=100> </DIV>
<DIV id=Layer4
style="Z-INDEX: 3; LEFT: 568px; VISIBILITY: hidden; WIDTH: 80px; POSITION: absolute; TOP: 241px; HEIGHT: 80px"><IMG
height=80 src="../wytx/images/89/krug4.gif" width=80> </DIV>
<DIV id=Layer5
style="Z-INDEX: 4; LEFT: 23px; VISIBILITY: hidden; WIDTH: 60px; POSITION: absolute; TOP: 301px; HEIGHT: 60px"><IMG
height=60 src="../wytx/images/89/krug5.gif" width=60> </DIV>
<DIV id=Layer6
style="Z-INDEX: 5; LEFT: 458px; VISIBILITY: hidden; WIDTH: 40px; POSITION: absolute; TOP: 181px; HEIGHT: 40px"><IMG
height=40 src="../wytx/images/89/krug6.gif" width=40> </DIV>
<DIV id=Layer7
style="Z-INDEX: 5; LEFT: 743px; VISIBILITY: hidden; WIDTH: 20px; POSITION: absolute; TOP: 211px; HEIGHT: 20px"><IMG
height=20 src="../wytx/images/89/krug7.gif" width=20> </DIV>
<DIV id=Layer8
style="Z-INDEX: 6; LEFT: 143px; VISIBILITY: hidden; WIDTH: 10px; POSITION: absolute; TOP: 400px; HEIGHT: 10px"><A
target=_blank href="http://www.jsshow.com/"><IMG height=10
src="../wytx/images/89/krug8.gif" width=10 border=0 name=myenter></A>
</DIV>
第二步：把“onresize=location.reload(true)
onload=initMFXCoords();MFX_initALL()”加在<body>标记里
例如：<body onresize=location.reload(true)
onload=initMFXCoords();MFX_initALL()>
|
