masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧

鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:08:52
asal
2026 orang telah melayarinya

最近在做一个鼠标移入移出图片事件，有几种方法大家可以试一下
首先是改变分辨率的两种方法，鼠标移入图片和移出图片的分辨率不同
方法一

复制代码 代码如下:




图片列表：鼠标移入/移出改变图片透明度

<script> <BR>window.onload = function () <BR>{ <BR>var oLi = document.getElementsByTagName("li"); <BR>for (var i = 0; i < oLi.length; i++) <BR>{ <BR>oLi[i].onmouseover = function () <BR>{ <BR>this.className = "current" <BR>}; <BR>oLi[i].onmouseout = function () <BR>{ <BR>this.className = "" <BR>} <BR>} <BR>} <BR></script>


  • 鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧

  • 鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧





方法二
复制代码 代码如下:



鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧


还有一种方法是鼠标移入移出图片，改变图片的大小
在标签中加入一下代码即可，鼠标移动到图片时图片向右上变大，离开图片变回原大小
复制代码 代码如下:

鼠标移入移出事件改变图片的分辨率的两种方法_javascript技巧
Label berkaitan：
移入移出事件 改变图片分辨率
sumber：php.cn
Artikel sebelumnya：js实现倒计时时钟的示例代码_javascript技巧 Artikel seterusnya：javaScript如何生成xmlhttp_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
Menyelesaikan isu binaan pengeluaran komponen web Vue3 Saya cuba memindahkan komponen vue2web saya ke vue3, walaupun masalah timbul apabila saya ...
daripada 2024-04-06 12:43:37
0
1
473
Pendengar acara tatal ditambahkan pada elemen tetapi hanya bergerak dengan betul jika scrollTop tidak sama dengan 0 Jadi saya menulis skrip kecil ini di mana saya mempunyai dua senarai - Tugasan Selesai/Akt...
daripada 2024-04-01 11:03:26
0
1
326
Bagaimana untuk menggunakan bar navigasi bootstrap dalam vue.js? Dalam HTML umum, ia berfungsi dengan baik mengikut dokumentasi, tetapi ia tidak berfungsi ...
daripada 2024-03-31 20:16:22
0
1
390
Kod PHP berhenti mentafsir daripada aksara ">". Saya baru sahaja memindahkan semua fail WordPress saya ke pelayan lain (kongsi). Saya meng...
daripada 2024-03-31 09:02:01
0
1
356
Tidak dapat mengalih keluar EventListener dalam Typescript Saya cuba mengalih keluar pendengar acara dalam skrip taip. Saya menambah pendengar acara ...
daripada 2024-03-30 18:07:42
0
1
295
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