บทความนี้อธิบายถึงวิธีการของ JS ในการตระหนักถึงการเปลี่ยนสีของเมาส์โดยแถบเลื่อนบนหน้าเว็บ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<title> js ตระหนักถึงเว็บสกรอลล์แถบตรวจจับสีเมาส์เปลี่ยน </title>
</head>
<body>
หลับตาไปที่แถบเลื่อนทางด้านขวาแล้วมองดูไหม? มันไม่สวยมากเหรอ? เมาส์จะเปลี่ยนสีหรือไม่?
<br> <br> <hr> รวบรวมบนอินเทอร์เน็ตเพื่อแลกเปลี่ยนความสนใจและการเรียนรู้เท่านั้นและไม่ใช่เพื่อวัตถุประสงค์ทางการค้า </p>
<ภาษาสคริปต์ = "JavaScript">
-
Function Scrollbar (บรรทัด, ใบหน้า, ธีม)
-
if (! line ||! face)
-
บรรทัด = null;
ใบหน้า = null;
สวิตช์ (ธีม)
-
กรณี "สีน้ำเงิน":
var line = "#78aaff";
var face = "#EBF5FF";
หยุดพัก;
กรณี "สีส้ม":
var line = "#fbbb37";
var face = "#fff9df";
หยุดพัก;
กรณี "สีแดง":
var line = "#ff7979";
var face = "#ffe3dd";
หยุดพัก;
กรณี "สีเขียว":
var line = "#00c600";
var face = "#d1eed0";
หยุดพัก;
กรณี "นีโอ":
var line = "#bc7e41";
var face = "#efe0d1";
หยุดพัก;
-
-
ด้วย (document.body.style)
-
ScrollBardarkShadowColor = Line;
ScrollBar3DlightColor = Line;
ScrollBararRowColor = "Black";
Scrollbarbasecolor = Face;
Scrollbarfacecolor = Face;
ScrollbarhighlightColor = Face;
ScrollbarshadowColor = Face;
ScrollBartRackColor = "#F3F3F3";
-
-
ฟังก์ชั่น colorbar () {
var w = document.body.clientwidth;
var h = document.body.clientheight;
var x = event.clientx;
var y = event.clienty;
if (x> w) Scrollbar ('#000080', '#bfdfff'); // สีของคุณ
อื่น Scrollbar (null, null, "neo"); // ธีมที่กำหนดไว้ล่วงหน้า
-
if (document.all) {
Scrollbar (Null, Null, "Neo");
document.onmousemove = colorbar;
-
-
</script>
<br />
<div> </div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน