masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 一段好玩的JavaScript代码_典型特效

一段好玩的JavaScript代码_典型特效

WBOY
Lepaskan： 2016-05-16 19:23:43
asal
1841 orang telah melayarinya

网页中的图片变动的效果
直接粘贴到浏览器地址栏里运行就可以看到效果了
记得先打开个图片多的页面

复制代码 代码如下:

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

效果还不错吧，开动脑筋，浏览器地址栏可以实现很多效果哦
Label berkaitan：
一段好玩的JavaScript代码
sumber：php.cn
Artikel sebelumnya：鼠标移动到一张图片时变为另一张图片_图象特效 Artikel seterusnya：由 element.appendChild(newNode) ,谈开去_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Apakah format pembolehubah dalam nilai pulangan? Saya seorang pelajar baru php. Saya menjumpai sekeping kod: if($x<time()){return[false,...
daripada 2024-04-06 21:55:20
0
1
778
Bagaimana untuk mengetahui apabila komponen Vue dimulakan sepenuhnya? Jadi, dalam komponen Vue saya, saya mempunyai kaedah ciptaan async dan beberapa pembolehub...
daripada 2024-04-05 14:20:24
0
1
1442
Permintaan HTTP PHP mengabaikan parameter Sebelum saya mula bertanya soalan, saya harus menyatakan bahawa saya belajar semula PHP se...
daripada 2024-04-05 10:54:48
0
1
3536
Paparkan elemen selepas baris baharu blok Pada masa ini saya mempunyai ini: Saya mahu meletakkan div ikon pada penghujung teks, teta...
daripada 2024-04-04 21:45:21
0
1
271
Cara untuk memberikan data melalui DOM dan bukannya melalui jadual Saya mempunyai soalan tentang aplikasi yang saya buat, saya menggunakan pangkalan data Ora...
daripada 2024-04-04 18:17:27
0
1
3567
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan