HTML에서 마우스 모양을 변경하는 방법

HTML에서 마우스 모양을 변경하는 방법: 1. CSS의 커서 속성을 사용하여 ".a{cursor:hand }"와 같은 코드로 마우스 포인터의 모양을 변경합니다. 마우스 포인터의 모양을 변경하려면

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

CSS/HTML 마우스 포인터 모양 변경

마우스 포인터 모양을 변경하는 방법에는 두 가지가 있습니다. 첫 번째 방법은 CSS 커서 속성을 사용하여 마우스 포인터 모양을 변경하는 것입니다. 다른 방법은 타사 컨트롤을 사용하는 것인데 제가 가장 자주 사용하는 방법은 첫 번째 방법입니다. css 스타일 시트를 사용하여 마우스 포인터 모양

을 변경합니다. 먼저 첫 번째 방법인 커서 속성을 마우스 포인터 모양으로 변경하세요.

링크를 추가하는 데 텍스트나 그림이 필요하지 않을 때도 있고, 링크를 추가할 때 마우스 스타일도 필요합니다. 이것은 css 스타일 시트를 사용하여 마우스 포인터 모양을 만듭니다. 아래 CSS 마우스 포인터 css 스타일시트의 일부 속성을 지정하세요.

왼쪽(서)으로 사이즈 변경사이즈를 오른쪽(동)으로 변경왼쪽 및 위쪽 크기 조정(북서쪽) 왼쪽 및 아래쪽 크기 조정(남서쪽) 오른쪽 및 위쪽 크기 조정(북동쪽) )크기를 오른쪽과 아래로 변경합니다(SouthEast) 사용자 정의 커서

default	default
text/edit	text
자동	auto
손 모양	포인터, 손(손은 IE 전용)
모바일 개체	move
허용되지 않음	금지됨 -allowed
해제할 수 없음	no-drop
대기/모래시계	wait
help	help
십자선 ㅋㅋㅋ n 크기 조정 효과
w-resize
e-resize는 w-resize와 같은 효과가 있습니다
nw-resize
sw-resize
ne-resize는 sw-resize와 같은 효과가 있습니다
se-resize는 nw-resize와 같은 효과
url('커서 주소')	위는 마우스 포인터의 모양을 변경하는 css 스타일 시트입니다. 어떻게 적용하나요? 예를 들어 설명하겠습니다. <style type="text/css"> .a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/</style> <p class=”a”>欢迎您到XXX来做客</p> 스타일 시트를 p 태그에 직접 작성할 수도 있습니다. 효과는 다음과 같습니다. <p style=”cursor:help;”>欢迎您到XXX来做客</p> 원칙적으로 CSS2의 커서 속성을 사용하는 또 다른 사용법이 있습니다. url(url), 마우스 파일은 jpg, gif, ani, cur 파일 형식을 사용할 수 있습니다. 이 방법은 IE5.5 이상의 브라우저에서만 정상적으로 표시될 수 있다는 점에 유의하시기 바랍니다. [추천 학습: HTML 동영상 튜토리얼] 마우스 포인터 모양을 변경하는 두 번째 방법: 타사 컨트롤 사용 이 방법은 매우 간단합니다. < ;: <script language=>var Loaded=false;var Flag=false;</script> <script src=&#39;http://files.cometsystems.com//lc2000.js&#39; language=></script> <script language=>if(Loaded&&Flag)TheCometCursor(&#39;cd_electric&#39;,0,626);</script> 수정 후 이 웹페이지를 검색할 때 브라우저에 "보안 설정 경고"가 표시됩니다. "예"를 클릭하면 시스템이 자동으로 컨트롤을 설치하고 마우스를 다음과 같이 사용할 수 있습니다. 필요합니다. 그렇다면 필요한 마우스 스타일을 선택하는 방법은 무엇일까요? 먼저 웹사이트 http://www.cometzone.com에 로그인하세요. 이 웹사이트에는 14개 주요 카테고리의 4,000종 이상의 마우스가 있으며, 마우스 파일도 아름답게 제작되어 있습니다. 필요에 따라 카테고리에서 필요하고 해당 마우스를 클릭하면 마우스 그림을 클릭하여 다양한 효과를 미리 볼 수 있습니다. 마우스를 선택한 후 웹페이지 왼쪽 탐색 메뉴에서 "커서 코드 받기" 링크를 클릭하고 다음 페이지로 이동한 후 "코드 선택" 버튼을 클릭하세요. 버튼은 제가 위에서 제공한 코드이고, 단지 TheCometCursor('cd_electric',0,626) 부분이 다르고, 표시되는 마우스 상태도 다릅니다.

위 내용은 HTML에서 마우스 모양을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!