특정지역이나 링크에 마우스 커서 변경하기 happycgi

홈 > JAVASCRIPT > javascript 소스창고 > 마우스효과 > 특정지역이나 링크에 마우스 커서 변경하기 상세정보

클라우드태그

Javascript

PHP

html

asp

mysql

CSS

Mobile

jquery

image

slide

占쌨댐옙

占쏙옙占쏙옙占쏙옙트

메뉴

현재접속자 명

특정지역이나 링크에 마우스 커서 변경하기

소스분류

마우스효과

다운로드 횟수

640 회

간단설명

특정 지역이나 링크에 마우스의 커서를 변경할 수 있습니다.

평가하기

해당 링크나 특정 부분에 마우스를 가져갔을때 모양을 바꿀수 있습니다.
특정 장소에 할때는 테이블이나 레이어등에 입력하시면 됩니다.

<a href="http://www.happycgi.com" style="cursor:pointer;cursor:hand"> 손모양 </a>
<a href="http://www.happycgi.com" style="cursor:crosshair"> 십자가 모양 </a>
<a href="http://www.happycgi.com" style="cursor:text"> 글쓰기 모양 </a>
<a href="http://www.happycgi.com" style="cursor:wait"> 로딩중 모양 </a>
<a href="http://www.happycgi.com" style="cursor:move"> 상자이동 모양 </a>
<a href="http://www.happycgi.com" style="cursor:help"> 도움말 모양 </a>
<a href="http://www.happycgi.com" style="cursor:n-resize"> 화살표 모양(아래쪽) </a>
<a href="http://www.happycgi.com" style="cursor:s-resize"> 화살표 모양(위쪽) </a>
<a href="http://www.happycgi.com" style="cursor:e-resize"> 화살표 모양(왼쪽) </a>
<a href="http://www.happycgi.com" style="cursor:w-resize"> 화살표 모양(오른쪽) </a>
<a href="http://www.happycgi.com" style="cursor:ne-resize"> 화살표 모양(왼쪽위) </a>
<a href="http://www.happycgi.com" style="cursor:nw-resize"> 화살표 모양(오른쪽위) </a>
<a href="http://www.happycgi.com" style="cursor:se-resize"> 화살표 모양(왼쪽아래) </a>
<a href="http://www.happycgi.com" style="cursor:sw-resize"> 화살표 모양(오른쪽아래) </a>