オンマウスで文字を少し動かす
表示の例
テストページ1へ
テストページ2へ
テストページ3へ
リンク文字にマウスポインタをのせた時に、文字の位置を上下・左右に少しずらします。
(リンクの設定をしている画像も動きます↓)
ソースは下のようになります。
HTMLソースのHEAD区間に貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<STYLE type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {color:#FF0000; position:relative; top:1; left:1}
-->
</STYLE>
A:hover {color:#FF0000; position:relative; top:1; left:1} の部分でずれる位置を指定します。
上下の位置は top:1 の 1 を、左右の位置は left:1 の 1 をかえます。
ホームページお役立ち小技集のTOPへ