บทความนี้อธิบายวิธีการของ JS เพื่อย้ายพื้นหลังหน้าเว็บอย่างต่อเนื่อง แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<title> การใช้งาน JS ของพื้นหลังหน้าเว็บที่ไหลอย่างต่อเนื่อง </title>
</head>
<body background = "/images/bg002.jpg">
<ภาษาสคริปต์ = "JavaScript">
<!- เริ่มต้น
var backgroundOffset = 0; // ชดเชยภาพพื้นหลัง
var bgObject = eval ('document.body'); // รับวัตถุของเอกสารเอง
ฟังก์ชั่น Scrollbg (maxsize) {// ฟังก์ชั่นนี้เป็นแกนกลางของพื้นหลังการเลื่อน
backgroundOffset = backgroundOffset + 1; // เพิ่ม 1 คะแนนไปยังพื้นหลังชดเชย
if (backgroundOffset> maxSize) backgroundOffset = 0; // ถ้าออฟเซ็ตเกินค่าสูงสุดจะกลับเป็นศูนย์
bgobject.style.backgroundposition = "0" + backgroundOffset; // ตั้งค่าชดเชยของพื้นหลังเพื่อให้มีผล
-
var scrolltimer = window.setInterval ("Scrollbg (307)", 64); // ตั้งค่าช่วงเวลาระหว่างการเคลื่อนไหวแต่ละครั้งของพื้นหลัง
// end ->
</script>
<div style = "ตำแหน่ง: สัมบูรณ์; ด้านบน: 200; ซ้าย: 300;">
<table cellpacing = "0" cellpadding = "0">
<tr>
<td> <b> พื้นหลังที่ไหลได้สวยงามมากหรือไม่? </b> </td>
</tr>
</table>
</div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน