滑鼠牽動著心.粉好玩唷!也可以放不同ㄉ圖案 立即觀看「滑鼠ㄉ心」範例 【下載】本範例有包含一個 pic01.gif 檔案,您必須先下載! 【複製步驟一】<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; //獲得當前窗口的width&height allY = (NN) ? window.innerHeight : document.body.clientHeight; centerX = allX/2; centerY = allY/2; //myREF=0; L= 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; <!--如果對上面的改變有興趣的話,可以試一試以下這一組數字//--> //distanceTOhere[1]=0.5646424733950355; //distanceTOhere[2]=0.7173560908995228; //distanceTOhere[3]=0.8414709848078965; //distanceTOhere[4]=0.7173560908995228; //distanceTOhere[5]=0.5646424733950355; //distanceTOhere[6]=0.3894183423086506 ; //distanceTOhere[7]=0.19866933079506127; //distanceTOhere[0]=0.3894183423086506; 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> 【標記】 〔按此可快速標記並複製第一部份的程式碼〕 【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在</head>之前。 【複製步驟二】onResize="location.reload(true)" onLoad="initMFXCoords();MFX_initALL()" 【標記】 〔按此可快速標記並複製第二部份的程式碼〕 【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在<body>標籤裡面。 【複製步驟三】<div id="Layer1" style="position:absolute; width:140px; height:140px; z-index:9; left: 318px; top: 46px; visibility: hidden"> <img src="pic01.gif" width="140" height="140"> </div> <div id="Layer2" style="position:absolute; width:120px; height:120px; z-index:8; left: 23px; top: 151px; visibility: hidden"> <img src="pic01.gif" width="120" height="120"> </div> <div id="Layer3" style="position:absolute; width:100px; height:100px; z-index:7; left: 268px; top: 311px; visibility: hidden"> <img src="pic01.gif" width="100" height="100"> </div> <div id="Layer4" style="position:absolute; width:80px; height:80px; z-index:6; left: 568px; top: 241px; visibility: hidden"> <img src="pic01.gif" width="80" height="80"> </div> <div id="Layer5" style="position:absolute; width:60px; height:60px; z-index:5; left: 23px; top: 301px; visibility: hidden"> <img src="pic01.gif" width="60" height="60"> </div> <div id="Layer6" style="position:absolute; width:40px; height:40px; z-index:4; left: 458px; top: 181px; visibility: hidden"> <img src="pic01.gif" width="40" height="40"> </div> <div id="Layer7" style="position:absolute; width:20px; height:20px; z-index:3; left: 743px; top: 211px; visibility: hidden"> <img src="pic01.gif" width="20" height="20"> </div> <div id="Layer8" style="position:absolute; width:10px; height:10px; z-index:2; left: 143px; top: 481px; visibility: hidden"> <img src="pic01.gif" width="10" height="10"></a> </div> 【標記】 〔按此可快速標記並複製第三部份的程式碼〕 【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在<body>之後任何位置。 有一些小瑕疵..希望有高人可以指點一下 不適用於選單上
立即觀看「滑鼠ㄉ心」範例
【下載】本範例有包含一個 
pic01.gif 檔案,您必須先下載! 
【標記】 
【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在</head>之前。 
【下載】本範例有包含一個 pic01.gif 檔案,您必須先下載!