充满魔力的JS
来源:互联网 发布:机房维护软件 编辑:程序博客网 时间:2024/04/30 06:50
一段JS代码,打开个带有图片的网页,把上面代码贴到浏览器地址栏回车看看效果。
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.cos(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5);void(0);
一·这段代码首先定义了一些变量,用来动态生成图片的位置:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;
二· 取得页面所有的图片对象,遍历所有的图片对象,通过style属性改变所有图片的位置:
DI=document.images;DIL=DI.length;function A(){for(i=0;i-DIL;i++){DIS=DI[i].style;DIS.position='absolute';DIS.left=Math.cos(R*x1+i*x2+x3)*x4+x5;DIS.top=Math.sin(R*y1+i*y2+y3)*y4+y5}R++}
三·通过setInterval('A()',5);设置每个5毫秒动态的调用一次A();
- 充满魔力的JS
- [JS] javascript魔力的经典代码
- js魔力代码
- JAXB技术的魔力
- 释放我的魔力
- Merlin 的魔力: 字符集
- 口碑营销的魔力
- 时间的魔力
- Imagemagick的魔力
- 多线程的魔力
- 距离的‘魔力’!!
- 乔布斯的魔力演讲
- Cache优化的魔力
- 内心的魔力
- js背景图片按比例充满全屏
- 有感于魔力鸟的离去
- javascript魔力的经典代码
- 悟透JavaScript-函数的魔力
- 项目管理实践【五】自动编译和发布网站【Using Visual Studio with Source Control System to build and publish website automatically】
- 如何实现分类的自由改变的问题?
- 华为项目团队管理
- 八个mapx技巧汇总
- 数据库、表 的问题
- 充满魔力的JS
- 安装ExpressCommon Library
- Select 查询自动增加的一列(序号)
- 项目管理实践【六】自动同步数据库【Using Visual Studio with Source Control System to synchronize database automatically】
- 真实的IT界内工资水平
- 找到她
- 找到她
- 智慧与蛮力
- 管理学案例