이 기사에서는 이미지 확대 유리의 효과를 구현하기위한 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<title> js 절묘한 그림 돋보기 유리 효과 </title>
<meta http-equiv = "content-type"content = "text/html; charset = gb2312">
<!-<head>와 </head>-> 사이에 다음 코드를 추가하십시오
<스타일 유형 = "텍스트/CSS">
.시험{
마진 : 0 0 200px;
}
. 테스트 a {
글꼴 크기 : 14px;
색상 :#404040;
}
. 테스트 img {
국경 :#4B4B4B 1px 고체;
}
</스타일>
</head>
<body>
<!-<body>와 </body>-> 사이에 다음 코드를 추가하십시오
<script src = "/js/magifier.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 프로그래밍에 도움이되기를 바랍니다.