자바 스크립트에서 마우스 처리 : 페이지의 색상을 밝게해야합니다

Question

기본적으로 내 웹 페이지는 비어 있으며 완전히 흰색입니다.

마우스를 왼쪽으로 움직이면 배경이 밝아집니다 (흰색). 불투명도와 모든 것을 생각할 수 있습니다. 또는 밝기와 밝기를 처리 할 진행률 표시 줄이 있어야합니다. 처음에는 전체 밝기이어야합니다 (내비게이션 막대 종류의 진행률 막대가 오른쪽 끝에 있어야 함)

이것은 내 요구 친구입니다. 제발 도와주세요.

미리 감사드립니다.

Answer 1

그럼이 만 중간 작업, 당신은 여전히 ​​페이지 Y의 최소/최대 허용되는 값을 설명해야합니다,하지만 당신은 시작할 수 있어야

$(document).on('mousemove', function(e) { 
    $("body").css("background-color", "rgba(128,128,"+e.pageY+",100)") 
}); 

당신은 아마 유도하기 위해 사용자 정의 함수를 만들어야합니다 위의 코드는 맹목적으로 파란색 채널을 변경하고 rgba()를 지원하지 않는 브라우저와의 호환성을 원한다면 16 진수로 변환 할 수도 있기 때문에 pageY 값을 기준으로 색상을 지정합니다.