목록


여러분들이 웹서핑하다가 링크가 걸려있는 글이나 이미지에 마우스를 올려 놓으면 커서 모양이 손가락으로 변하지요?
근데 링크 말고도 글에서 특정부분이나 링크가 안 걸려져 있는 이미지에 마우스를 올려놓으면 커서 모양을 손가락 모양은 물론 모래시계 모양등 가지가지로 바꾸는 것이 가능하답니다.
스타일을 이용하면요.

마우스를 각 문장에 갔다 대어 보시면 무슨 말인지 쉽게 짐작이 가실겁니다.

      (1) style="cursor:nw-resize"   커서의 화살표 방향이 북서쪽을 향한다.
      (2) style="cursor:ne-resize"   커서의 화살표 방향이 북동쪽을 향한다.
      (3) style="cursor:sw-resize"   커서의 화살표 방향이 남서쪽을 향한다.
      (4) style="cursor:se-resize"   커서의 화살표 방향이 남동쪽을 향한다.
      (5) style="cursor:help"   커서의 모양을 ? 표로 바꾼다.
      (6) style="cursor:move"   커서의 모양을 이동 모양으로 바꾼다.
      (7) style="cursor:e-resize"   커서의 모양을 동쪽방향으로 향하게 한다.
      (8) style="cursor:n-resize"   커서의 모양을 북쪽방향으로 향하게 한다.
      (9) style="cursor:s-resize"   커서의 모양을 남쪽방향으로 향하게 한다.
      (10) style="cursor:w-resize"   커서의 모양을 서쪽방향으로 향하게 한다.
      (11) style="cursor:text"   커서의 모양을 텍스트 입력상태로 바꾼다.
      (12) style="cursor:crosshair"   커서의 모양을 십자가로 바꾼다.(그래픽툴의 마퀴툴 커서처럼)
      (13) style="cursor:wait"   커서의 모양을 대기(모래시계) 모양으로 바꾼다.


효과 보시구 맘에 드시는거 골라서 쓰세요 ^^
쓰는 방법은 모두 다 아시겠지요? 이런것은 head에 지정해주는것보다 body에 스타일 형식으로 지정해 주면 편합니다.
그래두 혹시나 해서 설명드리겠습니다. -_-

<font style="cursor:help"> 커서 모양을 ? 표로 바꾸자 </font>
이 게시물을