masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > javascript放大镜效果的简单实现_javascript技巧

javascript放大镜效果的简单实现_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:10:09
asal
985 orang telah melayarinya

这个效果并不难，要点是位置和比例设置，

捕获鼠标位置、判断鼠标位置区域、还有onmouseover事件、onmousemove事件、onmouseout事件

设置显示大图的比例，小图上显示的切图比例都要弄准确点，最好是2倍啦，4倍啦。

主要注意宽度，我这里的图片m.jpg是1440X900的....

复制代码 代码如下:





放大镜效果




 
 
 


 





Label berkaitan：
javascript pembesar
sumber：php.cn
Artikel sebelumnya：深入理解Javascript动态方法调用与参数修改的问题_javascript技巧 Artikel seterusnya：ExtJS的拖拽效果示例_extjs
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
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
React Three Fiber: Mengapa acara skrol saya ketinggalan? Dalam ReactThreeFiber, saya mempunyai komponen React yang menghasilkan sprite yang saya ma...
daripada 2024-04-06 13:39:24
0
1
410
V-kad Vuetify sesuai dengan semua ketinggian yang mungkin dalam v-col Saya sedang membina halaman log masuk/pendaftaran menggunakan vue dan vuetify. Saya meleta...
daripada 2024-04-06 10:29:26
0
1
406
Output yang tidak dijangka daripada fungsi dalam komponen React Saya mengimport dua imej (IMG dan IMG2). IMG menganggap bahawa ia dipaparkan apabila lebar...
daripada 2024-04-03 00:17:44
0
1
285
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
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