В этой статье описывается метод JS для реализации эффекта увеличительного стекла изображения. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! 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">
<голова>
<название> JS изящное изображение увеличительное стекло эффект </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<!-Добавьте следующий код между <Head> и </head>->
<стиль типа = "text/css">
.тест{
Покрас: 0 0 0 200px;
}
.test a {
размер шрифта: 14px;
Цвет:#404040;
}
.test img {
Граница:#4B4B4B 1PX SOLID;
}
</style>
</head>
<тело>
<!-Добавьте следующий код между <body> и </body>->
<script src = "/js/magnifier.js"> </script>
<div>
<h3> <a target = "_ blank" href = ""> изображение i </a> </h3>
<img src = "/images // m01.jpg" bigsrc = "/images/1.jpg">
</div>
<div>
<h3> <a target = "_ blank" href = ""> изображение II </a> </h3>
<img src = "/images // m02.jpg" bigsrc = "/images/2.jpg">
</div>
<div>
<h3> <a target = "_ blank" href = ""> изображение III </a> </h3>
<img src = "/images // m03.jpg" bigsrc = "/images/3.jpg">
</div>
</body>
</html>
Дополнение: нажмите здесь, чтобы загрузить плагин Magnifier.js.
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.