1.讓網(wǎng)頁(yè)中的圖片飛起來(lái) 只要把下面的代碼貼到瀏覽器的地址欄里然后按Enter鍵，當(dāng)前網(wǎng)頁(yè)的所有圖片都將動(dòng)起來(lái)。 view source print? 1 javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.g
1.讓網(wǎng)頁(yè)中的圖片飛起來(lái)
只要把下面的代碼貼到瀏覽器的地址欄里然后按Enter鍵，當(dāng)前網(wǎng)頁(yè)的所有圖片都將動(dòng)起來(lái)。
view source
print?
1 |
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0) |
在上面的JavaScript，您可以修改document.getElementsByTagName("img")為任何你想應(yīng)用的HTML標(biāo)簽。
這是另外一個(gè)版本：
view source
print?
1 |
javascript:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;DI= document.images;DIL=DI.length;function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style;DIS.position='absolute' ;DIS.left=Math.sin(R*x1+ i*x2+x3)* x4+x5;DIS.top=Math.cos(R*y1+ i*y2+y3)* y4+y5;} R++;}setInterval('A()',5);void(0); |
2.把網(wǎng)頁(yè)轉(zhuǎn)換成編輯模式
圖片僅供演示，大家把下面的代碼貼到地址欄可以看到實(shí)際的效果。
view source
print?
1 |
javascript:document.body.contentEditable='true'; document.designMode='on'; void(0); |
此JavaScript代碼，可以讓你實(shí)時(shí)修改任何的網(wǎng)頁(yè)，在Firefox中，你甚至可以把修改的網(wǎng)頁(yè)保存到起來(lái)。 用上面這段簡(jiǎn)單的JavaScript代碼，你可以做很多有趣的事情，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，這個(gè)功能可以輔助完善頁(yè)面效果。
關(guān)鍵字：
