บทความนี้อธิบายวิธีการสลับภาพพื้นหลังแบบสุ่มบน JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
ก่อนอื่นคุณต้องเตรียมภาพบางส่วน ขนาดของภาพ (ไม่ว่าจะเป็นขนาดหรือขนาดข้อมูล) จะต้องควบคุมได้ดี หากมีขนาดใหญ่เกินไปมันจะทำให้ผู้ใช้ไม่สามารถรอดูภาพเต็มและกระโดดออกมาได้ หากมีขนาดเล็กเกินไปมันจะส่งผลกระทบต่อคุณภาพของหน้า
porce ภาพเหล่านี้เป็นอาร์เรย์ในสคริปต์เพื่อการโทรง่าย ความยาวของอาร์เรย์แน่นอนจำนวนภาพ
คัดลอกรหัสดังนี้: var bodybgs = []; // สร้างตัวแปรอาร์เรย์เพื่อจัดเก็บเส้นทางไปยังอิมเมจพื้นหลัง
bodybgs [0] = "ภาพ/01.jpg";
bodybgs [1] = "images/02.jpg";
bodybgs [2] = "ภาพ/03.jpg";
bodybgs [3] = "images/04.jpg";
bodybgs [4] = "ภาพ/05.jpg";
เนื่องจากมีการใช้ภาพ 5 ภาพด้านบนต้องมีการสร้างหมายเลขสุ่มจาก 0 ถึง 4 ที่นี่ หากความยาวอาร์เรย์แตกต่างกันเพียงแค่แก้ไขตัวคูณในรหัสต่อไปนี้
การคัดลอกรหัสมีดังนี้: var randombgindex = math.round (math.random () * 4);
นี่คือโปรแกรมหลัก แม้ว่ามันจะง่ายมาก แต่ก็เป็นความคิดเล็ก ๆ หากคุณใช้สิ่งนี้เป็นพื้นฐานฟังก์ชั่นเพิ่มเติมบางอย่างสามารถทำได้ผ่านการประมวลผล ตัวอย่างเช่น: การสลับหัวข้อและการนำเสนอแบบสุ่มอื่น ๆ ฯลฯ ด้านล่างเป็นรหัส JS ที่สมบูรณ์
คัดลอกรหัสดังนี้: <script type = "text/javascript">
// <! cdata [
var bodybgs = [];
bodybgs [0] = "ภาพ/01.jpg";
bodybgs [1] = "images/02.jpg";
bodybgs [2] = "ภาพ/03.jpg";
bodybgs [3] = "images/04.jpg";
bodybgs [4] = "ภาพ/05.jpg";
var randombgindex = math.round (math.random () * 4);
// เอาต์พุตภาพพื้นหลังแบบสุ่ม
document.write ('<style> body {พื้นหลัง: url (' + bodybgs [randombgindex] + ') ไม่ซ้ำ 50% 0} </style>');
-
</script>
ฉันหวังว่าคำอธิบายในบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมเว็บของทุกคนตาม JavaScript