楽天パソコンのすすめ

マウスポインタの形状

超図解HTMLとスタイルシートと少しだけJavaScriptでつくるホームページ

はい、JavaScriptでは結構おなじみのマウスポインタ形状・・・
今さらですが・・・

スタイルを使って楽天ブログでも利用可能！！
ハイパーリンクテキストにマウスカーソルを当てたときに、カーソルの形状を変更します。
WindowsとMacでは形状が異なります。また、resizeなどは一部未対応のものもあります。
ちなみに本来resizeは、n（北）s（南）w（西）e（東）ne（北東）nw（北西）se（南東）sw（南西）
なのですが・・・

指定方法：

リンク部分にstyle=" "を追加し、defaultの部分を変更します。
<a href="●●.html" style=" cursor: default " >○○</A>
リンク部分にカーソルを当てると形状が変わります。

auto	形状	move	形状	n-resize	形状	ne-resize	形状
crosshair	形状	text	形状	s-resize	形状	nw-resize	形状
default	形状	wait	形状	w-resize	形状	se-resize	形状
hand	形状	help	形状	e-resize	形状	sw-resize	形状