تصف هذه المقالة طريقة JS لتحقيق تغيير لون الماوس عن طريق تمرير أشرطة على صفحات الويب. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز كما يلي: <html>
<head>
<title> يدرك JS تغيير لون Web Scroll Sensing Mouse Color </title>
</head>
<body>
اقلب عينيك إلى شريط التمرير على اليمين وانظر إليه؟ أليست جميلة جدا؟ هل سيغير الماوس اللون؟
<br> <br> <br> <hr> تم جمعها على الإنترنت ، فقط لتبادل المصالح والتعلم ، وليس لأغراض تجارية. </p>
<script language = "javaScript">
<!-
وظيفة التمرير (الخط ، الوجه ، الموضوع)
{
إذا (! خط ||! وجه)
{
خط = فارغ ؛
الوجه = فارغ ؛
التبديل (السمة)
{
حالة "الأزرق":
var line = "#78aaff" ؛
var face = "#ebf5ff" ؛
استراحة؛
حالة "البرتقال":
var line = "#fbbb37" ؛
var face = "#fff9df" ؛
استراحة؛
حالة "أحمر":
var line = "#ff7979" ؛
var face = "#ffe3dd" ؛
استراحة؛
حالة "الأخضر":
var line = "#00C600" ؛
var face = "#d1eed0" ؛
استراحة؛
حالة "NEO":
var line = "#bc7e41" ؛
var face = "#efe0d1" ؛
استراحة؛
}
}
مع (document.body.style)
{
ScrollBardarkShadowColor = خط ؛
scrollbar3dlightcolor = line ؛
scrollbararrowColor = "Black" ؛
scrollbarbasecolor = الوجه ؛
scrollbarfaceColor = الوجه ؛
scrollbarhighlightcolor = الوجه ؛
scrollbarshadowcolor = الوجه ؛
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') ؛ // ألوانك
else scrollbar (null ، null ، "neo") ؛ // موضوع محدد مسبقًا
}
if (document.all) {
Scrollbar (NULL ، NULL ، "NEO") ؛
document.onmousemove = colorbar ؛
}
//->
</script>
<br />
<viv> </viv>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.