บทความนี้อธิบายวิธีการของ JS เพื่อให้ได้โปร่งแสงและค่อยๆเปิดเผยเอฟเฟกต์พิเศษในภาพเก้ากริด แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<title> รูปภาพเก้ากริดโปร่งแสงและค่อยๆแสดงเอฟเฟกต์ </title>
<body>
<style type = text/css> .invisible {
ตัวกรอง: อัลฟ่า (ความทึบ = 0)
-
</style>
<ภาษาสคริปต์ = JavaScript1.2>
-
ฟังก์ชั่นสูง (ซึ่ง 2) {
TheObject = ไหน 2
ไฮไลต์ = setInterval ("ไฮไลต์ (TheObject)", 50)
-
ฟังก์ชั่นต่ำ (ซึ่ง 2) {
ClearInterval (ไฮไลต์)
hehing2.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
border = 0> <tbody>
<tr>
<td width = 90 พื้นหลัง = text1.gif bgcolor =#db4d0e
ความสูง = 90> <a href = ""> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี้)
src = "/images/m01.jpg" border = 0 width = 180px ความสูง = 135px> </a> </td>
<td width = 90 พื้นหลัง = text2.gif bgcolor =#ff9f07> <a
href = "/"> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี้)
src = "/images/m02.jpg" border = 0 width = 180px ความสูง = 135px> </a> </td>
<td width = 90 พื้นหลัง = text3.gif bgcolor =#ff9f07> <a
href = ""> <img class = Invisible
onMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี่) src = "/images/m03.jpg"
border = 0 width = 180px ความสูง = 135px> </a> </td> </tr>
<tr>
<td background = text4.gif bgcolor =#ff9f07> <a
href = "/"> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี้)
src = "/images/m04.jpg" border = 0 width = 180px ความสูง = 135px> </a> </td>
<td background = text5.gif bgcolor =#a5d523> <a
href = "/"> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี้)
src = "/images/m05.jpg" border = 0 width = 180px ความสูง = 135px> </a> </td>
<td background = text6.gif bgcolor =#c56e19> <a
href = "/"> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี้)
src = "/images/m06.jpg" border = 0 width = 180px ความสูง = 135px> </a> </td> </tr>
<tr>
<td background = text12.gif bgcolor =#ff9f07> <a
href = "/"> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี้)
src = "/images/m07.jpg" border = 0 width = 180px ความสูง = 135px> </a> </td>
<td background = text8.gif bgcolor =#c56e19> <a
href = "/"> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี่) src = "/images/m08.jpg"
border = 0 width = 180px ความสูง = 135px> </a> </td>
<td background = text7.gif bgcolor =#c56e19> <a
href = "/"> <img
class = Invisible OnMouseOver = สูง (นี้) onMouseOut = ต่ำ (นี้)
src = "/images/m09.jpg" border = 0 width = 180px ความสูง = 135px> </a> </td> </tr> </tbody> </table>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน