В этой статье описывается метод JS, чтобы реализовать изменение цвета мыши с помощью полос прокрутки на веб -страницах. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<Title> JS реализует веб -прокрутки, чувствительно кнопкой мыши </title>
</head>
<тело>
Поверните глаза на стержень прокрутки справа и посмотрите на нее? Разве это не очень красиво? Изменит ли мышь цвет?
<br> <br> <hr> собрался в Интернете, только для обмена интересами и обучением, а не для коммерческих целей. </p>
<script language = "javascript">
<!-
Функция прокрутки (линия, лицо, тема)
{
if (! Line ||! Face)
{
line = null;
лицо = null;
Переключение (тема)
{
Случай "синий":
var line = "#78AAFF";
var face = "#ebf5ff";
перерыв;
Случай "Orange":
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 = "черный";
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'); // ваши цвета
иначе прокрутка (NULL, NULL, «NEO»); // предопределенная тема
}
if (document.all) {
прокрутка (NULL, NULL, «NEO»);
document.onmouseMove = colorbar;
}
//->
</script>
<br />
<div> </div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.