Artikel ini menjelaskan metode JS untuk mewujudkan perubahan warna mouse dengan bilah gulir di halaman web. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <Html>
<head>
<title> JS mewujudkan gulir web penginderaan gulungan warna mouse ubah </iteme>
</head>
<body>
Putar mata Anda ke bilah gulir di sebelah kanan dan lihatlah? Bukankah itu sangat indah? Akankah mouse mengubah warnanya?
<br> <br> <hr> dikumpulkan di internet, hanya untuk pertukaran minat dan pembelajaran, dan bukan untuk tujuan komersial. </p>
<bahasa skrip = "javascript">
<!-
fungsi scrollbar (garis, wajah, tema)
{
if (! line ||! wajah)
{
baris = null;
wajah = null;
Switch (tema)
{
kasus "biru":
var line = "#78aaff";
var face = "#ebf5ff";
merusak;
kasus "oranye":
var line = "#fbbb37";
var face = "#fff9df";
merusak;
kasus "merah":
var line = "#ff7979";
var face = "#ffe3dd";
merusak;
kasus "hijau":
var line = "#00c600";
var face = "#d1eed0";
merusak;
kasus "neo":
var line = "#bc7e41";
var face = "#efe0d1";
merusak;
}
}
dengan (document.body.style)
{
scrollbardarkshadowcolor = line;
scrollbar3dlightcolor = line;
scrollbararrowcolor = "hitam";
scrollbarbasecolor = wajah;
scrollbarfacecolor = wajah;
scrollbarhighlightcolor = wajah;
scrollbarshadowcolor = wajah;
scrollbartrackcolor = "#f3f3f3";
}
}
function 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'); // Warna Anda
lain scrollbar (null, null, "neo"); // tema yang telah ditentukan sebelumnya
}
if (document.all) {
scrollbar (null, null, "neo");
document.onmouseMove = colorbar;
}
//->
</script>
<br />
<div> </div>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.