Artikel ini menjelaskan metode JS untuk mengimplementasikan efek kaca pembesar gambar. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> JS Exquisite Picture Pemberian Efek Kaca </iteme>
<meta http-equiv = "konten tipe" content = "text/html; charset = gb2312">
<!-Tambahkan kode berikut antara <head> dan </head>->
<type style = "text/css">
.tes{
Margin: 0 0 0 200px;
}
.test a {
Ukuran font: 14px;
Warna:#404040;
}
.test img {
BORDER:#4B4B4B 1PX SOLID;
}
</tyle>
</head>
<body>
<!-Tambahkan kode berikut antara <body> dan </body>->
<Script src = "/js/magnifier.js"> </script>
<div>
<h3> <a target = "_ blank" href = ""> gambar i </a> </h3>
<img src = "/gambar // m01.jpg" bigsrc = "/gambar/1.jpg">
</div>
<div>
<h3> <a target = "_ blank" href = ""> gambar ii </a> </h3>
<img src = "/gambar // m02.jpg" bigsrc = "/gambar/2.jpg">
</div>
<div>
<h3> <a target = "_ blank" href = ""> gambar iii </a> </h3>
<img src = "/gambar // m03.jpg" bigsrc = "/gambar/3.jpg">
</div>
</body>
</html>
Suplemen: Klik di sini untuk mengunduh plug-in magnifier.js.
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.