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