บทความนี้อธิบายวิธีการของ 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">
<head>
<title> js ภาพแว่นขยายเอฟเฟกต์เอฟเฟกต์ Glass Effect </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">>
<!-เพิ่มรหัสต่อไปนี้ระหว่าง <head> และ </head>->
<style type = "text/css">
.ทดสอบ{
มาร์จิ้น: 0 0 0 200px;
-
. ทดสอบ {
ขนาดตัวอักษร: 14px;
สี:#404040;
-
. ทดสอบ img {
ชายแดน:#4B4B4B 1px Solid;
-
</style>
</head>
<body>
<!-เพิ่มรหัสต่อไปนี้ระหว่าง <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 ของทุกคน