让网页中的图片飞舞起来

最新推荐文章于 2011-09-09 11:31:00 发布
最新推荐文章于 2011-09-09 11:31:00 发布
阅读量521 收藏
点赞数
分类专栏： web开发 文章标签： javascript function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kevinwhite/article/details/2027407
版权

在网页的地址栏中输入一下代码：

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

看到了什么？网页中的图片都飞舞起来了，哈哈。

kevinwhite
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现在已有网页中添加图片飞翔
03-23
js实现图片飞翔，而不影响网站已有界面 document.write("");
一行指令可让网页内的图片飞起来
05-20
一行指令可让网页内的图片飞起来 让图片飞 图片特效 图片飞舞 javascript javascript指令
非常有趣的Javascript特效，能让网页上的图片飞起来
ningyb
10-26 1035
随便打开一个网站，网页上必须有图片，否则没效果，页面打开后清除地址栏中的地址，复制如下代码到地址栏中然后按回车： 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=
JS特效 -- 网页图片飞起来
魔拉宝
04-20 2196
刚发现一段有点意思的JS代码，只要复制到浏览器地址栏粘贴后回车，就可以看到你网站上的所有图片都“旋转着飞了起来”。((也许大家早看过-.-我后知后觉了))其实刚接触JS的时候，也是很喜欢收集这类特效，觉得很炫。但现在看来还是应该整点儿实际的~-.-这段代码也没有很高深的技术，基本原理就是循环并动态改变页面所有图片的left 和 top 绝对位置。唯一特别就是在算法上(确切说是数学?物理?公式)运用
非常有趣的Javascript特效，能让网页上的图片飞起来：）
webdiyer的专栏
01-15 6046
无意中digg上看到的，执行如下步骤就能看到效果：随便打开一个网站，网页上必须有图片，否则没效果，页面打开后清除地址栏中的地址，复制如下代码到地址栏中然后按回车：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;
非常有趣的Javascript特效，能让网页上的图片飞起来：
idoit0204的专栏
02-05 1028
 随便打开一个网站，网页上必须有图片，否则没效果，页面打开后清除地址栏中的地址，复制如下代码到地址栏中然后按回车：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
让图片水平循环飞舞的JavaScript代码
weixin_34233856的博客
09-09 81
代码简介： JavaScript水平循环飞舞的图片，这个功能我们在编写游戏的时候能用得上，当然这里的图片你也可以把它换作是文字，JS只管ID而不管内部会是什么内容，本代码修改起来也方便，希望有朋友喜欢。 代码内容： View Code <html><head><metahttp-equiv="Content-Type"content="text/ht...
千纸鹤网页代码，实现动态飞舞的千纸鹤网页
01-11
在这个项目中，HTML文件可能包含了用于显示千纸鹤的元素，比如`<img>`标签用于引入图片资源，或者使用`<canvas>`标签来绘制千纸鹤图形。 其次，CSS（Cascading Style Sheets）是用于控制网页样式的语言，它可以定义...
OBLOG 晨光中飞舞
12-25
6. **自定义选项**：为了让用户能够根据自己的品牌或个人喜好调整，"晨光中飞舞"可能会提供多种主题颜色选择、字体调整、布局定制等自定义选项。 7. **兼容性**：为了确保广泛兼容，模版可能经过测试，能在主流...
使用three.js制作的图片飞舞排列的示例源码.zip
01-07
在本示例中，我们探讨的是如何利用Three.js库创建一个动态的图片飞舞排列的效果。Three.js是一个基于WebGL的JavaScript库，它允许开发者在浏览器中创建3D图形，无需深入了解底层图形编程的复杂性。这个源码示例着重...
JS实现页面载入时随机显示图片效果
10-21
主要介绍了JS实现页面载入时随机显示图片效果,涉及javascript基于随机数与数组的页面元素动态修改相关操作技巧,需要的朋友可以参考下
网页特效代码：樱花飘落、下雪、花瓣飞舞等
04-03
网页特效代码：樱花飘落、下雪、花瓣飞舞等。多达50个特效动画！！
网页图片飘起来
欢迎来到iCOLIN的Blog
08-04 1619
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=
在地址栏里输入以下代码,图片就会自动动起天来.
民工专栏
02-15 823
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=abs
动态网页技术对比分析
一起去听海
05-24 5425
目前，主流的动态网页技术主要有：ASP,PHP,CGI,JSP等，技术上各有特点。1、JSP与ASP/ASP.NET的比较  JSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码且由语言引擎解释执行程序代码的能力。在ASP或JSP环境下，HTML代码主要负责描述信息的显示方式，而程序代码则用来描述处理逻辑，普通的HTML页面只依赖于Web服务器，而AS
IIS别名已存在的解决方法
一起去听海
02-18 1738
   IIS有时会 遇到这样的错误： "LM/W3SVC/1/Root/XX" 已存在，请选择其他别名。    解决方法 ：   1. 运行-》cmd   2. 在控制台里，进入文件夹"C:/Inetpub/AdminScripts"。   3. 输入 "cscript adsutil.vbs DELETE “W3SVC/1/ROOT/XX” ， 其中 "XX"就是那个已存在的别名。
ItemCommand不响应的问题
一起去听海
06-22 1439
      开发中遇到了ItemCommand不响应的问题，郁闷中在网上找到了这篇对症下药的文章，共享出来。感谢共享的这位xd了。原文如下：       在写一个DataList按钮事件时，遇到一个问题：虽然不是很有难度，但是可能会有人遇到而且会和我一样一筹莫展，直到看MSDN时，无意中发现了一句话～       事情是这样子的：      我需要在DataList中插入一个普通按钮，
matlab飞舞的蝴蝶源代码
最新发布
04-12
很抱歉，我无法提供具体的源代码，但是我可以给你一个简单的思路来实现一个飞舞的蝴蝶效果。 首先，你可以使用MATLAB的绘图函数来创建一个蝴蝶的形状。可以使用`patch`函数来绘制蝴蝶的翅膀，然后使用`line`函数来绘制蝴蝶的身体。 接下来，你可以使用循环来控制蝴蝶的飞舞动画。可以通过改变蝴蝶的位置、旋转角度和大小来实现动画效果。你可以使用`set`函数来更新蝴蝶的属性。 以下是一个简单的示例代码，用于创建一个飞舞的蝴蝶效果： ```matlab % 创建一个新的图形窗口 figure; % 绘制蝴蝶的翅膀 wing = patch([-1 0 1 0], [0 1 0 -1], 'r'); hold on; % 绘制蝴蝶的身体 body = line([0 0], [0 0], 'Color', 'k', 'LineWidth', 2); % 设置坐标轴范围 axis([-10 10 -10 10]); % 循环控制蝴蝶的飞舞动画 for t = 0:0.1:10 % 计算蝴蝶的位置、旋转角度和大小 x = 5 * sin(t); y = 5 * cos(t); angle = t; scale = 1 + 0.5 * sin(t); % 更新蝴蝶的属性 set(wing, 'XData', scale * ([-1 0 1 0] * cos(angle) - [0 1 0 -1] * sin(angle)) + x); set(wing, 'YData', scale * ([-1 0 1 0] * sin(angle) + [0 1 0 -1] * cos(angle)) + y); set(body, 'XData', x); set(body, 'YData', y); % 暂停一段时间，控制动画的速度 pause(0.01); end ``` 这段代码会在MATLAB中创建一个新的图形窗口，并在其中绘制一个飞舞的蝴蝶效果。你可以根据需要调整代码中的参数来改变蝴蝶的形状、颜色和动画效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值