Este artículo describe el método de JS para implementar el efecto de la lupa de imágenes. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<title> JS Efecto de lupa exquisita de imagen </title>
<meta http-oquiv = "content-type" content = "text/html; charset = gb2312">
<
<style type = "text/css">
.prueba{
margen: 0 0 0 200px;
}
.test a {
tamaño de fuente: 14px;
Color:#404040;
}
.test img {
Border:#4B4B4B 1PX SOLID;
}
</style>
</ablo>
<Body>
<!-Agregue el siguiente código entre <body> y </body>->
<script src = "/js/magnifier.js"> </script>
<div>
<h3> <a target = "_ en blanco" href = ""> Imagen I </a> </h3>
<img src = "/images // m01.jpg" bigsrc = "/images/1.jpg">
</div>
<div>
<h3> <a target = "_ en blanco" href = ""> Imagen II </a> </h3>
<img src = "/images // m02.jpg" bigsrc = "/images/2.jpg">
</div>
<div>
<h3> <a target = "_ en blanco" href = ""> Imagen III </a> </h3>
<img src = "/images // m03.jpg" bigsrc = "/images/3.jpg">
</div>
</body>
</html>
Suplemento: haga clic aquí para descargar el complemento MagnAnifier.js.
Espero que este artículo sea útil para la programación de JavaScript de todos.