CURSOR의 종류 및 사용법

출처 : http://blog.naver.com/wowkwak?Redirect=Log&logNo=80025827002

1. cursor의 종류

 

    cursor:hand
    cursor:auto
    cursor:default
    cursor:move

    cursor:wait
    cursor:help

    cursor:e-resize    
    cursor:ne-resize
    cursor:nw-resize
    cursor:n-resize
    cursor:se-resize    
    cursor:sw-resize
    cursor:s-resize
    cursor:w-resize

 

2. cursor의 사용방법

 

2-1. style에 선언하구 사용하기

 

<style type="text/css">
<!--
 .outline {  cursor:hand; }
 .inline {  cursor:crosshair; }
 

 a { cursor:crosshair; }

 a:hover { cursor:help;} 

//-->
</style>

 

<span class='outline'>Insvalley</span>

<a href = "">Insvalley</a>

 

 

 2-2. 특정폼에 적용하기

 

<img src="img_url" style="cursor:help;">

 

 

 2-3. 페이지 전체에 적용하기 (Ver. javascript)

<script language=javascript>

<!--

document.body.style.cursor = "wait"

//-->

</script>