10【マウスの形状】

default	hand	test	wait	help
move	crosshair	e-resize	w-resize	n-resize
s-resize	ne-resize	se-resize	sw-resize	nw-resize

【ソース】

[ソース]

<TABLE border="1" cellspacing="0" cellpadding="10"> <TR>
<TD align="center" width="20%" style="cursor: default">default</TD>
<TD align="center" width="20%" style="cursor: hand">hand</TD>
<TD align="center" width="20%" style="cursor: text">test</TD>
<TD align="center" width="20%" style="cursor: wait">wait</TD>
<TD align="center" width="20%" style="cursor: help">help</TD>
</TR>
<TR>
<TD align="center" width="20%" style="cursor: move">move</TD>
<TD align="center" width="20%" style="cursor: crosshair">crosshair</TD>
<TD align="center" width="20%" style="cursor: e-resize">e-resize</TD>
<TD align="center" width="20%" style="cursor: w-resize">w-resize</TD>
<TD align="center" width="20%" style="cursor: n-resize">n-resize</TD>
</TR>
<TR>
<TD align="center" width="20%" style="cursor: s-resize">s-resize</TD>
<TD align="center" width="20%" style="cursor: ne-resize">ne-resize</TD>
<TD align="center" width="20%" style="cursor: se-resize">se-resize</TD>
<TD align="center" width="20%" style="cursor: sw-resize">sw-resize</TD>
<TD align="center" width="20%" style="cursor: nw-resize">nw-resize</TD>
</TR>
</TABLE>

[説明]

ここでは，TD要素（表内のセル）に「style="cursor: xxxxx"」という属性をつけていますが，文字や画像などにもつけることができます。指定できる形状（属性値）は，上の表です。

もどる

[★高収入が可能！ＷＥＢデザインのプロになってみない？！自宅で仕事がしたい人必見！ ]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。５０MBで２５０円から。CGI・SSI・PHPが使えます。 ]

FC2		キャッシング花	出会い　無料アクセス解析