이 기사에서는 웹 페이지의 스크롤 막대로 마우스 색상 변경을 실현하는 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> js는 웹 스크롤 막대 감지 마우스 색상 변경 </title>을 알고 있습니다
</head>
<body>
눈을 오른쪽의 스크롤 막대에 돌리고 보시겠습니까? 매우 아름답 지 않습니까? 마우스가 색상이 바뀔까요?
<br> <br> <hr>는 인터넷에서 수집되었으며 상업적 목적이 아닌 관심사와 학습의 교환을 위해서만 수집했습니다. </p>
<script language = "javaScript">
<!-
기능 스크롤 바 (라인, 얼굴, 테마)
{
if (! 라인 ||! 얼굴)
{
line = 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";
부서지다;
사례 "neo":
var line = "#bc7e41";
var face = "#efe0d1";
부서지다;
}
}
with (document.body.style)
{
scrollbardarkshadowcolor = line;
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) {
스크롤 바 (null, null, "neo");
document.onmouseMove = ColorBar;
}
//->
</스크립트>
<br />
<div> </div>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.