javascript
JS特效 -- 网页图片飞起来
剛發(fā)現(xiàn)一段有點(diǎn)意思的JS代碼,只要復(fù)制到瀏覽器地址欄粘貼后回車,
就可以看到你網(wǎng)站上的所有圖片都“旋轉(zhuǎn)著飛了起來”。((也許大家早看過-.-我后知后覺了))
其實(shí)剛接觸JS的時候,也是很喜歡收集這類特效,覺得很炫。但現(xiàn)在看來還是應(yīng)該整點(diǎn)兒實(shí)際的~-.-
這段代碼也沒有很高深的技術(shù),基本原理就是循環(huán)并動態(tài)改變頁面所有圖片的left 和 top 絕對位置。
唯一特別就是在算法上(確切說是數(shù)學(xué)?物理?公式)運(yùn)用得巧妙. 鑒于瀏覽器支持在地址欄通過 javascript:
前綴執(zhí)行腳本,此特效才得以流傳。(因此理論上你可以在任何網(wǎng)站上使用這段代碼,只要打開頁面然后復(fù)
制粘貼,回車!想想吧...sohu 163 sina 的圖片都被你整得到處飛,是不是感覺很爽呢?)
以下代碼復(fù)制到地址欄,回車后見效果:
另外還可以把那個 document.images 改成 document.links 就成了鏈接亂飛了....
?
?
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);
總結(jié)
以上是生活随笔為你收集整理的JS特效 -- 网页图片飞起来的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ASP生成随机密码的源代码
- 下一篇: gradle idea java ssm