태그소스™

마우스 포인트(커서) 모양을 맘대로 바꾸기

썬~♥ 2009. 4. 11. 09:07

마우스를 올려보세요. 

  
style="cursor:hand"          style="cursor:wait"              style="cursor:help"

  
style="cursor:move"          style="cursor:crosshair"    style="cursor:n-resize

  
style="cursor:e-resize"       style="cursor:s-resize"    style="cursor:w-resize"

  
style="cursor:se-resize"             style="cursor:sw-resize"

              
style="cursor:ne-resize"                    
style="cursor:nw-resize"

style="cursor:원하시는 모양"
원하시는 글자나 링크 태그 뒤에 붙여주세요.

링크 모두를 바꾸고 싶으시면
<style type="text/css"><br><br>
a:hover {cursor:<font color="cc0000">원하시는모양</font>;} <br><br>
</style>

<head>와 </head>  사이에 넣어주세요


소스

<TABLE border=0 bgcolor=#FFFFFF cellpadding=10 cellspacing=0 width=100%><TR><TD>
<font style='font-size:9pt'  class='blinespace'><img src=http://spinelweb.x-y.net/cgi-bin/
technote/image/userimage/theme4/cat.gif align=absmiddle border=0> <b><font size=3> 마우스
포인트(커서) 모양을 맘대로 바꾸기    </font></b><br><br>
<p style="margin-left:2mm;"><b>마우스를 올려보세요.</b><br><br>
<font style="cursor:hand" color="#3366FF">style="cursor:hand"</font><font color="#3366FF">
<br><br>
</font><font style="cursor:wait" color="#3366FF">style="cursor:wait" </font><font color="#3366FF">
<br><br>
</font><font style="cursor:help" color="#3366FF">style="cursor:help"</font><font color="#3366FF">
<br><br>
</font><font style="cursor:move" color="#3366FF">style="cursor:move"</font><font color="#3366FF">
<br><br>
</font><font style="cursor:crosshair" color="#3366FF">style="cursor:crosshair"</font><font color="
#3366FF"><br><br>
</font><font style="cursor:n-resize" color="#3366FF">style="cursor:n-resize</font><font color=
"#3366FF"><br><br>
</font><font style="cursor:e-resize" color="#3366FF">style="cursor:e-resize" <br>
</font><font color="#3366FF"><br><br>
</font><font style="cursor:s-resize" color="#3366FF">style="cursor:s-resize"</font><font color=
#3366FF"><br><br>
</font><font style="cursor:w-resize" color="#3366FF">style="cursor:w-resize"</font><font color=
"#3366FF"><br><br>
</font><font style="cursor:se-resize" color="#3366FF">style="cursor:se-resize"</font><font color=
"#3366FF"><br><br>
</font><font style="cursor:sw-resize" color="#3366FF">style="cursor:sw-resize" <br>
</font><font color="#3366FF"><br><br>
</font><font style="cursor:ne-resize" color="#3366FF">style="cursor:ne-resize"</font><font color=
"#3366FF"><br><br>
</font><font style="cursor:nw-resize" color="#3366FF">style="cursor:nw-resize"</font> <br>
<p align="left" style="margin-left:2mm;"> <b><font color="cc0000">style="cursor:원하시는 모양"<br>
</font></b>원하시는 글자나 링크 태그 뒤에 붙여주세요. <br><b>링크 모두를 바꾸고 싶으시면</b>
<br><br>
<style type="text/css"><br><br>
a:hover {cursor:<font color="cc0000">원하시는모양</font>;} <br><br>
</style><br><head>와 </head> 사이에 넣어주세요<font face="굴림" size="2"><br></font><br>
<br>
</font></TD></TR></TABLE>