บทความนี้อธิบายวิธีการของ JavaScript เพื่อรับรู้การแสดงภาพการเล่นภาพค่อยๆ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<title> การวนซ้ำของรูปภาพจะค่อยๆแสดงรหัสเอฟเฟกต์การเล่น </title>
<head>
<!-1. แทรกรหัสต่อไปนี้ระหว่าง <head> </head> ของ HEML: ->
<ภาษาสคริปต์ = JavaScript>
-
Sandra0 = ภาพใหม่ ();
sandra0.src = "/images/m01.jpg";
Sandra1 = ภาพใหม่ ();
sandra1.src = "/images/m02.jpg";
Sandra2 = ภาพใหม่ ();
sandra2.src = "/images/m03.jpg";
var i_strngth = 1
var i_image = 0
var imageUrl = อาร์เรย์ใหม่ ()
ImageUrl [0] = "/images/m01.jpg"
ImageUrl [1] = "/images/m02.jpg"
ImageUrl [2] = "/images/m03.jpg"
ฟังก์ชั่น showimage () {
if (document.all) {
if (i_strngth <= 110) {
testimage.innerhtml = "<img style = 'ตัวกรอง: alpha (opacity ="+i_strngth+")' src ="+imageurl [i_image]+"border = 0>";
i_strngth = i_strngth+10
ตัวจับเวลา var = settimeout ("showimage ()", 100)
-
อื่น {
ClearTimeout (ตัวจับเวลา)
ตัวจับเวลา var = settimeout ("hideImage ()", 1000)
-
-
if (document.layers) {
ClearTimeout (ตัวจับเวลา)
document.testimage.document.write ("<img src ="+imageurl [i_image]+"border = 0>")
document.close ()
i_image ++
if (i_image> = imageUrl.Length) {i_image = 0}
ตัวจับเวลา var = settimeout ("showimage ()", 2000)
-
-
ฟังก์ชั่น hideimage () {
if (i_strngth> =-10) {
testimage.innerhtml = "<img style = 'ตัวกรอง: alpha (opacity ="+i_strngth+")' src ="+imageurl [i_image]+"border = 0>";
i_strngth = i_strngth-10
ตัวจับเวลา var = settimeout ("hideimage ()", 100)
-
อื่น {
ClearTimeout (ตัวจับเวลา)
i_image ++
if (i_image> = imageUrl.Length) {i_image = 0}
i_strngth = 1
var timer = settimeout ("showimage ()", 500)
-
-
-
</script>
</head>
<body>
<!-2. แก้ไขคำสั่ง <body> เป็น:->
<body onload = "showimage ()">
<!-3. เพิ่มรหัสต่อไปนี้ลงใน <body> </body> ของ HEML: TOP: 120PX; ซ้าย: 240px สามารถตั้งค่าตำแหน่งการแสดงผลได้->
<div id = "testimage" style = "ตำแหน่ง: สัมบูรณ์; การมองเห็น: มองเห็นได้; ด้านบน: 120px; ซ้าย: 240px"> </div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน