Cet article décrit la méthode de JS pour mettre en œuvre l'effet de la loupe d'image. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! 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">
<adal>
<Title> JS Effet de loupe d'image exquise </TITME>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312">
<! - Ajoutez le code suivant entre <A-Head> et </ Head> ->
<style type = "text / css">
.test{
marge: 0 0 0 200px;
}
.test a {
taille de police: 14px;
Couleur: # 404040;
}
.test img {
Border: # 4B4B4B 1px solide;
}
</ style>
</ head>
<body>
<! - Ajoutez le code suivant entre <body> et </body> ->
<script src = "/ js / agrifier.js"> </ script>
<div>
<h3> <a target = "_ blanc" href = ""> image i </a> </h3>
<img src = "/ images // m01.jpg" bigsrc = "/ images / 1.jpg">
</div>
<div>
<h3> <a target = "_ blanc" href = ""> image ii </a> </h3>
<img src = "/ images // m02.jpg" bigsrc = "/ images / 2.jpg">
</div>
<div>
<h3> <a Target = "_ Blank" href = ""> image III </a> </h3>
<img src = "/ images // m03.jpg" bigsrc = "/ images / 3.jpg">
</div>
</docy>
</html>
Supplément: cliquez ici pour télécharger le plug-in Gagnifier.js.
J'espère que cet article sera utile à la programmation JavaScript de tous.