(轉) 你絕對想不到瀏覽器還有這個功能！

矮子 · 發表于 2007-4-7 12:54:39

瀏覽器可以瀏覽網頁，可以查看圖片、視頻，可以保存圖片等等功能，但你可能沒有想到或沒有見到過下面這個功能：訪問的頁面中包含的圖片元素圍繞在一起有規律的旋轉！如下圖：

這是如何實現的呢？首先隨便打開一個網站，比如“

http://www.mengan.net”，然后復制下面的代碼到地址欄中，回車確定，看看發生了什么？

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

復制代碼

　　這時候，頁面上發生了變化，該頁中包含的圖片被提取了出來，它們排成一圈，不停的旋轉。其實這個的大概理論是利用了瀏覽器支持java的功能所實現的，那段javascript代碼將頁面中的圖片進行了提取，并為每個圖片安排了軸位置，加入了轉圈的定義。有興趣的朋友，不妨操作玩玩，也為自己放松一下。