บทความนี้อธิบายวิธีการของ JS ในการปรับแต่งสีพื้นหลังได้ตลอดเวลาบนหน้า แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<title> js ใช้สีพื้นหลังที่กำหนดเองได้ตลอดเวลาบนหน้า </title>
<ภาษาสคริปต์ = "JavaScript">
<!- เริ่มต้น
// รหัสต่อไปนี้เขียนกล่องอินพุตและเลเยอร์ลงในหน้าต่าง
document.writeln ('<div align = "center" id = bgcolortestdiv style = "พื้นหลังสี: สีเทา; ตำแหน่ง: สัมบูรณ์; ความกว้าง: 200; ความสูง: 70; top = 100; z-index: 100">');
document.writeLn ('<p> <b> <font size = 2> ป้อนรหัสสี <br> สามารถเปลี่ยนสีพื้นหลังแบบเรียลไทม์ </font> </b> </p>');
document.writeLn ('<p> <อินพุต type = "text" name = "text" onkeyup = "cbgcolor (this.value)"> </p>');
document.writeln ('</div>');
ฟังก์ชั่น cbgcolor (สี) {// เปลี่ยนสีพื้นหลัง
ถ้า (สี! = '')
document.bgcolor = (''+color+''); // ตั้งค่าสีพื้นหลัง
-
ฟังก์ชั่น keepdivpos () {// รักษาตำแหน่ง div
document.all.bgcolortestdiv.style.pixeltop = parseint (document.body.scrolltop) +100 // คำนวณและตั้งค่าตำแหน่งสัมพัทธ์ของเลเยอร์
-
setInterval ('KeepDivPos ()', 100) // ตั้งนาฬิกาที่เปลี่ยนตำแหน่งเลเยอร์โดยอัตโนมัติ
// end ->
</script>
</head>
<body>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน