引用 【转】让网页中的所有图片转圈圈 - 成靖的日志 - 网易博客

来源：百度文库 编辑：神马文学网 时间：2024/04/28 10:09:16

引用 【转】让网页中的所有图片转圈圈

学习电脑 2008-01-17 05:58:24 阅读1 评论0 字号：大中小

引用

雨轩 的 【转】让网页中的所有图片转圈圈

 【转】让网页中的所有图片转圈圈

 

浏览器可以浏览网页，可以查看图片、视频，可以保存图片等等功能，但你可能没有想到或没有见到过下面这个功能：访问的页面中包含的图片元素围绕在一起有规律的旋转

这是如何实现的呢？首先随便打开一个网站，随便一个网站都行！然后复制下面的代码到地址栏中，回车确定，看看发生了什么？

下面是代码！！

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代码将页面中的图片进行了提取，并为每个图片安排了轴位置，加入了转圈的定义。有兴趣的朋友，不妨操作玩玩，也为自己放松一下。

 

至于如何结束？刷新一下吧……

 

 

引用 【转】让网页中的所有图片转圈圈 - 成靖的日志 - 网易博客 引用 博客网页工具 - 成靖的日志 - 网易博客 引用 网页代码 - 成靖的日志 - 网易博客 引用 网页代码 2- 成靖的日志 - 网易博客 引用 仔细看！绝对让你目瞪口呆的图片 - 成靖的日志 - 网易博客 引用 引用 引用 引用 让你垂涎欲滴的图片 - 爱清的日志 - 网易博客 引用 人体医学图片 - 成靖的日志 - 网易博客 引用 推荐【一个可以上传动画的网页空间】 - 成靖的日志 - 网易博客 引用 破解网页禁用鼠标右键的方法大全! - 成靖的日志 - 网易博客 引用 [转载]网页上有错误的解决方案 - 成靖的日志 - 网易博客 引用 网页代码素材基地 - 成靖的日志 - 网易博客 引用 网页代码素材基地3 - 成靖的日志 - 网易博客 引用 [原创]HTML网页代码入门速成 2- 成靖的日志 - 网易博客 引用 如何将网页保存到电脑硬盘上2 - 成靖的日志 - 网易博客 引用 网页病毒清除技巧 - 成靖的日志 - 网易博客 引用 【原创】所有的事我们都快乐 - 成靖的日志 - 网易博客 引用 引用 绝对让你目瞪口呆的图片! - 嫒嫒的日志 - 网易博客 引用 引用 绝对让你目瞪口呆的图片! - 嫒嫒121的日志 - 网易博客 引用 引用 引用 引用 引用 【红楼梦】全书所有人物关系 - 香儿的日志 - 网易博客 引用 网页不能复制怎么办？ - 野鸟的日志 - 网易博客 引用 精美Flash图片炫你博客(本博客收集整理,欢迎引用） - 成靖的日志 - 网易博客 引用 洪昭光：让你活到100岁[转] - 成靖的日志 - 网易博客 引用 博客素材:GIF娃娃图片《精品》 - 成靖的日志 - 网易博客 引用 解决所有电脑问题 - yan的日志 - 网易博客