تصف هذه المقالة طريقة JS لتنفيذ تأثير زجاج مكبر الصور. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title> JS Picturesite Picture Magnificing Glass Effect </itlem>
<meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312">
<!-أضف الكود التالي بين <head> و </head>->
<type type = "text/css">
.امتحان{
الهامش: 0 0 0 200px ؛
}
.Test A {
حجم الخط: 14px ؛
اللون:#404040 ؛
}
.Test IMG {
الحدود:#4b4b4b 1px الصلبة ؛
}
</style>
</head>
<body>
<!-أضف الكود التالي بين <body> و </body>->
<script src = "/js/magnifier.js"> </script>
<viv>
<h3> <a target = "_ blank" href = ""> picture i </a> </h3>
<img src = "/images // m01.jpg" bigsrc = "/images/1.jpg">
</div>
<viv>
<h3> <a target = "_ blank" href = ""> picture ii </a> </h3>
<img src = "/images // m02.jpg" bigsrc = "/images/2.jpg">
</div>
<viv>
<h3> <a target = "_ blank" href = ""> picture iii </a> </h3>
<img src = "/images // m03.jpg" bigsrc = "/images/3.jpg">
</div>
</body>
</html>
الملحق: انقر هنا لتنزيل المكون الإضافي Machifier.js.
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.