บทความนี้อธิบายการแสดงผลแบบสุ่มของเอฟเฟกต์ภาพเมื่อ JS ใช้การโหลดหน้าเว็บ แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<Html> <head> <title> เอฟเฟกต์ภาพสุ่ม js </title> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"> <style type = "text/css"> <! สไตล์ชายแดน: ประ; ความกว้างด้านบนชายแดน: 1px; ความกว้างของชายแดนขวา: 1px; ความกว้างของชายแดนด้านล่าง: 1px; Border-Left-Width: 1px}-> </style> </head> <ภาษาสคริปต์ = "javascript"> var rand1 = 0; var userand = 0; ภาพ = อาร์เรย์ใหม่; ภาพ [1] = ภาพใหม่ () ภาพ [1] .src = "img/a1.jpg" ภาพ [2] = ภาพใหม่ = ภาพใหม่ (); ภาพ [3] .src = "img/a3.jpg"; ภาพ [4] = ภาพใหม่ (); ภาพ [4] .src = "img/a4.jpg"; ฟังก์ชั่น swappic () {var imgnum = images.length - 1; 1;} ในขณะที่ (rand1 == userand); userand = rand1; document.randimg.src = ภาพ [userand] .src;} </script> <body bgcolor = "#ffffff" text = "#000000" onload = "swappic () src = "img/a1.jpg"> </body> </html>รหัสได้รับการทดสอบและทำงานตามปกติ ฉันจะไม่มีการเรนเดอร์วิ่งที่นี่อีกต่อไป เพื่อนที่สนใจสามารถเลือกภาพผู้หญิงสวย ๆ สองสามภาพเพื่อทดสอบเพื่อดูผล
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปอัลกอริทึมและทักษะการสำรวจ JavaScript", "บทสรุปของการสลับเอฟเฟกต์พิเศษและทักษะการค้นหา JavaScript ของ JavaScript โครงสร้างและทักษะอัลกอริทึม "และ" สรุปการใช้งานทางคณิตศาสตร์ของ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน