畜牧人

標(biāo)題: (轉(zhuǎn)) 你絕對(duì)想不到瀏覽器還有這個(gè)功能！ [打印本頁(yè)]
作者: 矮子    時(shí)間: 2007-4-7 12:54
標(biāo)題: (轉(zhuǎn)) 你絕對(duì)想不到瀏覽器還有這個(gè)功能！
瀏覽器可以瀏覽網(wǎng)頁(yè)，可以查看圖片、視頻，可以保存圖片等等功能，但你可能沒有想到或沒有見到過下面這個(gè)功能：訪問的頁(yè)面中包含的圖片元素圍繞在一起有規(guī)律的旋轉(zhuǎn)！如下圖：




這是如何實(shí)現(xiàn)的呢？首先隨便打開一個(gè)網(wǎng)站，比如“http://www.mengan.net”，然后復(fù)制下面的代碼到地址欄中，回車確定，看看發(fā)生了什么？



  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);
復(fù)制代碼



　　這時(shí)候，頁(yè)面上發(fā)生了變化，該頁(yè)中包含的圖片被提取了出來，它們排成一圈，不停的旋轉(zhuǎn)。其實(shí)這個(gè)的大概理論是利用了瀏覽器支持java的功能所實(shí)現(xiàn)的，那段javascript代碼將頁(yè)面中的圖片進(jìn)行了提取，并為每個(gè)圖片安排了軸位置，加入了轉(zhuǎn)圈的定義。有興趣的朋友，不妨操作玩玩，也為自己放松一下。
作者: 羅山    時(shí)間: 2007-6-3 23:05
好，但是怎么停??？//////
作者: penghui    時(shí)間: 2007-6-10 20:39
呵呵,確實(shí)好耍!!!有意思,越來越喜歡電腦了.
作者: 大小陽陽    時(shí)間: 2007-7-19 14:02
hao  you  yisi !
作者: 飛飛豬    時(shí)間: 2007-7-25 00:57
呵呵，確實(shí)如此！
作者: yinghuier    時(shí)間: 2007-10-12 14:02
轉(zhuǎn)了 ,但還真不知道怎么停下來
作者: 〓太歲頭兒〓    時(shí)間: 2007-10-14 14:11
好玩，支持一下！:hihi:
作者: 笨鳥    時(shí)間: 2007-12-1 23:29
多謝樓主，試用一下，:huahua: :huahua: :huahua:
作者: gzbjzwh    時(shí)間: 2007-12-2 10:34
樓主真是高手,好玩,但是頭看昏了
作者: qingniao830    時(shí)間: 2007-12-2 11:09
試了一下，還行?。。?tiaotiao:



歡迎光臨 畜牧人 (http://ffers.com.cn/) Powered by Discuz! X3.5