تصف هذه المقالة طريقة JS لتحقيق المؤثرات الخاصة الشفافة والكشف تدريجياً في صور تسع شبكات. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<title> صور تسع شبكة شفافة وتظهر تدريجيا تأثير </title>
<body>
<type type = text/css> .invisible {
مرشح: ألفا (عتامة = 0)
}
</style>
<لغة البرنامج النصي = javaScript1.2>
<!-
وظيفة عالية (التي 2) {
theobject = الذي 2
تسليط الضوء = setInterval ("AlmissionIt (theObject)" ، 50)
}
وظيفة منخفضة (التي 2) {
ClearInterval (تسليط الضوء)
th.filters.alpha.Opacity = 0
}
تمييز الوظيفة (cur2) {
if (cur2.filters.alpha.Opacity <100)
cur2.filters.alpha.Opacity+= 10
آخر إذا (window.highlighting)
ClearInterval (تسليط الضوء)
}
//->
</script>
<table bordercolor =#999999 cellspacing = 8 cellpadding = 0 width = 302
الحدود = 0> <tbody>
<tr>
<td width = 90 background = text1.gif bgcolor =#db4d0e
الارتفاع = 90> <a href = ""> <img
الفئة = غير مرئي onMouseover = عالية (هذا) onMouseout = منخفض (هذا)
src = "/images/m01.jpg" border = 0 width = 180px height = 135px> </a> </td>
<td width = 90 background = text2.gif bgcolor =#ff9f07> <a
href = "/"> <img
الفئة = غير مرئي onMouseover = عالية (هذا) onMouseout = منخفض (هذا)
src = "/images/m02.jpg" الحدود = 0 عرض = 180 بكسل = 135px> </a> </td>
<td width = 90 background = text3.gif bgcolor =#ff9f07> <a
href = ""> <class IMG = غير مرئي
onMouseover = High (هذا) onMouseout = low (هذا) src = "/images/m03.jpg"
الحدود = 0 عرض = 180px الارتفاع = 135px> </a> </td> </tr>
<tr>
<td background = text4.gif bgcolor =#ff9f07> <a
href = "/"> <img
الفئة = غير مرئي onMouseover = عالية (هذا) onMouseout = منخفض (هذا)
src = "/images/m04.jpg" border = 0 width = 180px height = 135px> </a> </td>
<td background = text5.gif bgcolor =#a5d523> <a
href = "/"> <img
الفئة = غير مرئي onMouseover = عالية (هذا) onMouseout = منخفض (هذا)
src = "/images/m05.jpg" border = 0 width = 180px height = 135px> </a> </td>
<td background = text6.gif bgcolor =#c56e19> <a
href = "/"> <img
الفئة = غير مرئي onMouseover = عالية (هذا) onMouseout = منخفض (هذا)
src = "/images/m06.jpg" border = 0 width = 180px height = 135px> </a> </td> </tr>
<tr>
<td background = text12.gif bgcolor =#ff9f07> <a
href = "/"> <img
الفئة = غير مرئي onMouseover = عالية (هذا) onMouseout = منخفض (هذا)
src = "/images/m07.jpg" border = 0 width = 180px height = 135px> </a> </td>
<td background = text8.gif bgcolor =#c56e19> <a
href = "/"> <img
class = غير مرئي onMouseover = High (هذا) onMouseout = low (هذا) src = "/images/m08.jpg"
الحدود = 0 عرض = 180px الارتفاع = 135px> </a> </td>
<td background = text7.gif bgcolor =#c56e19> <a
href = "/"> <img
الفئة = غير مرئي onMouseover = عالية (هذا) onMouseout = منخفض (هذا)
src = "/images/m09.jpg" border = 0 width = 180px height = 135px> </a> </td> </tbor> </tbody> </table>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.