아래 속성값을 활용하여 


아래와 같이 활용할 수 있다.


1
2
3
body {
    cursor : pointer;
}
cs


alias

all-scroll

auto

cell

context-menu

col-resize

copy

crosshair

default

e-resize

ew-resize

grab

grabbing

help

move

n-resize

ne-resize

nesw-resize

ns-resize

nw-resize

nwse-resize

no-drop

none

not-allowed

pointer

progress

row-resize

s-resize

se-resize

sw-resize

text

url(smiley.gif),url(myBall.cur),auto

vertical-text

w-resize

wait

zoom-in

zoom-out

initial


출처 : https://www.w3schools.com/cssref/pr_class_cursor.asp

CSS로

selector { cursor: none; }

예시

<div class="nocursor">
 <!-- some stuff -->
</div>
<style type="text/css">
    .nocursor { cursor:none; }
</style>

자바스크립트로 처리한 예제 (특정 DIV 구간에만 적용)

<div id="nocursor"><!-- some stuff --></div>
<script type="text/javascript">
    document.getElementById('nocursor').style.cursor = 'none';
</script>

BODY  전체에 적용한 예제

<script type="text/javascript">
    document.body.style.cursor = 'none';
</script>

참조, 마우스 감추기를 하면 타인에게 화를 불러들일 수 있음 !


출처 : http://stackoverflow.com/questions/1071356/is-it-possible-to-hide-the-cursor-in-a-webpage-using-css-or-javascript



+ Recent posts