浏览器地址栏中非常有趣的Javascript特效,能让网页上的图片飞起来

本文介绍了一种通过在浏览器地址栏输入特定JavaScript代码来实现网页图片动态展示的方法。该技巧可以使页面上的图片按照预设的数学函数进行位置变化,营造出酷炫的视觉效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

无意中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; 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 );

 

cool不cool?

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值