十字キーのアイコン

up、left、home、right、downの5つのパーツを組み合わせています

このページを作ったのは20年くらい前でした。2023年の今は画像すら必要なくCSSだけで実装できますが、このページは懐かしいのでこのまま掲載しておきます。

テーブルを利用して並べて、ロールオーバーで使う場合の例

<td width="20" height="20"></td>
<td width="20" height="20">
<a href="「upのリンク先URL」">
<img src="「upのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのupのURL」'" onmouseout="this.src='「upのURL」'">
</a>
</td>
<td width="20" height="20"></td>
</tr>
<tr height="20">
<td width="20" height="20">
<a href="「leftのリンク先URL」">
<img src="「leftのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのleftのURL」'" onmouseout="this.src='「leftのURL」'">
</a>
</td>
<td width="20" height="20">
<a href="「homeのリンク先URL」">
<img src="「homeのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのhomeのURL」'" onmouseout="this.src='「homeのURL」'">
</a>
</td>
<td width="20" height="20">
<a href="「rightのリンク先URL」">
<img src="「rightのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのrightのURL」'" onmouseout="this.src='「rightのURL」'">
</a>
</td>
</tr>
<tr height="20">
<td width="20" height="20"></td>
<td width="20" height="20">
<a href="「downのリンク先URL」">
<img src="「downのURL」" width="20" height="20" onmouseover="「カーソルを乗せたときのdownのURL」'" onmouseout="this.src='「downのURL」'">
</a>
</td>
<td width="20" height="20"></td>
</tr>
</table>

各色、6種類のパーツ30個ずつの一括ダウンロードのみです