Rumah > masalah biasa > Koleksi kod kesan khas JavaScript

Koleksi kod kesan khas JavaScript

小老鼠
Lepaskan: 2023-12-14 09:44:44
asal
2030 orang telah melayarinya

JavaScript ialah bahasa pengaturcaraan yang sangat berkuasa yang boleh digunakan untuk mencipta pelbagai kesan halaman web yang dinamik dan interaktif. Berikut ialah beberapa contoh kod kesan khas JavaScript yang biasa:

1 Kesan alih tetikus

html
<!DOCTYPE html>  
<html>  
<head>  
 <title>Hover Effect</title>  
 <style>  
 .hover-effect {  
 width: 100px;  
 height: 100px;  
 background-color: #f00;  
 transition: background-color 0.5s ease;  
 }  
 .hover-effect:hover {  
 background-color: #0f0;  
 }  
 </style>  
</head>  
<body>  
 <div class="hover-effect"></div>  
</body>  
</html>
Salin selepas log masuk

2

Atas ialah kandungan terperinci Koleksi kod kesan khas JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan