先來看看這段視訊。
這是Google圖片搜尋關於“blog”的結果頁,但上面的圖片都繞成圈在旋轉了。
這並不需要什麼複雜的方法,只需要直接在瀏覽器的網址列輸入一段簡單的JavaScript代碼即可實現。
光是說可能表達不出來效果,下面先看看由網友製作的視訊 這樣就理解多了吧?


對,要實現上面的效果,你只需要先進入要實現的網頁,比如上面的Google圖片搜尋結果頁,
再把下面的JavaScript代碼黏貼至你的瀏覽器網址列後按ENTER即可:

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

感覺這個代碼用來娛樂一下挺不錯的。如果你有時間,不妨一試。

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 buywater 的頭像
    buywater

    WaTeR°先生的相片日記

    buywater 發表在 痞客邦 留言(1) 人氣()