In diesem Artikel wird die Methode von JS beschrieben, um den Effekt von Bildvergrößerungsglas zu implementieren. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! 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">
<kopf>
<titels> JS Exquisites Bildvergrößerungsglas -Effekt </title>
<meta http-äquiv = "content-type" content = "text/html; charSet = gb2312">
<!-Fügen Sie den folgenden Code zwischen <kopf> und </head>-> hinzu
<style type = "text/css">
.prüfen{
Rand: 0 0 0 200px;
}
.Test a {
Schriftgröße: 14px;
Farbe:#404040;
}
.Test img {
Grenze:#4b4b4b 1px fest;
}
</style>
</head>
<body>
<!-Fügen Sie den folgenden Code zwischen <body> und </body>-> hinzu
<script src = "/js/Magnifier.js"> </script>
<div>
<H3> <a target = "_ leer" href = ""> bild i </a> </h3>
<img src = "/images // m01.jpg" Bigsrc = "/images/1.jpg">
</div>
<div>
<H3> <a target = "_ leer" href = ""> bild II </a> </h3>
<img src = "/images // m02.jpg" Bigsrc = "/images/2.jpg">
</div>
<div>
<H3> <a target = "_ leer" href = ""> bild iii </a> </h3>
<img src = "/images // m03.jpg" Bigsrc = "/images/3.jpg">
</div>
</body>
</html>
Ergänzung: Klicken Sie hier, um das Plug-In der Magnifier.js herunterzuladen.
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.