1. ใช้ JS เพื่อกำหนดอาร์เรย์ภาพซึ่งเก็บรูปภาพที่คุณต้องการแสดงแบบสุ่ม
การคัดลอกรหัสมีดังนี้:
ar imgarr = ["// www.vevb.com/logo_cn.png"
"//www.vevb.com/baidu_sylogo1.gif",
"//www.vevb.com/news/uploadimg/20120111/20120111081906_79.jpg"
"//www.vevb.com/news/uploadimg/20120111/20120111081906_76.jpg"];
โปรดเปลี่ยนภาพด้านบนเป็นของคุณเอง
2. ใช้ JS เพื่อสร้างหมายเลขสุ่มแน่นอนหมายเลขสุ่มนี้เริ่มต้นจาก 0 และสิ้นสุดจาก imgarr.length-1
การคัดลอกรหัสมีดังนี้:
var index = parseint (math.random ()*(imgarr.length-1));
วิธีนี้เราได้รับภาพที่สร้างขึ้นแบบสุ่มในปัจจุบัน
การคัดลอกรหัสมีดังนี้:
var currentimage = imgarr [ดัชนี];
3. เนื่องจากภาพพื้นหลังถูกสร้างขึ้นแบบสุ่มใช้ JS เพื่อใช้ภาพนี้เป็นภาพพื้นหลัง
การคัดลอกรหัสมีดังนี้:
document.getElementById ("พื้นหลัง"). style.backgroundroundroundimage = "url ("+currentimage+")";
เนื่องจากนี่คือการสาธิตฉันจึงกำหนด div ที่มี ID ของพื้นหลังของหน้าบนหน้าและยังตั้งค่าพื้นหลังแบบสุ่มสำหรับ div นี้
การคัดลอกรหัสมีดังนี้:
<div id = "พื้นหลัง"
</div>