mouse_javascript 기술의 모양과 스타일을 변경하는 js 메소드

오늘날 대부분의 브라우저는 다음과 같은 포인터 스타일을 지원합니다(스타일 이름 위로 마우스를 이동하면 포인터 스타일이 해당 스타일로 변경되는 것을 볼 수 있습니다).
auto move no-drop col-resize
all-scroll 포인터 not-allowed row- 크기 조정
crosshair 진행 e-resize ne-resize
기본 텍스트 n-resize nw-resize
help Vertical-text s-resize se-resize
inherit wait w-resize sw-resize
Windows Internet Explorer 6.0 이상에서는 위의 포인터 스타일은 다음과 같습니다.


스크립트를 통해 요소의 마우스 포인터 스타일을 변경하려면 해당 요소의 속성인 element.style을 설정하면 됩니다. 위의 값 중 하나에 대한 커서입니다. (JavaScript를 사용하지 않는 또 다른 방법, 요소의 html 태그에 속성을 사용할 수 있습니다):

코드 복사 코드는 다음과 같습니다. 다음:

function setcursorbyid(id,cursorstyle) {
if (document.getelementbyid) {
if (document.getelementbyid(id).style) {
document.getelementbyid (id) .style.cursor=cursorstyle;
}
}
}

마우스 스타일을 변경하는 데 일반적으로 사용되는 방법을 추가합니다. 요소를 변경하고 마우스를 변경합니다. 스타일을 지정하려면 커서(변경하려는 스타일)를 이 요소의 스타일에 추가하세요.