ホームページを自作しよう ≪JoyWave便利箱≫ (リンク)オンマウスで文字・画像を少し動かす

■実際にどうなるの?

クリックしても移動しませんよ^^

ホームページを自作しよう ≪JoyWave便利箱≫

カーソルを乗せると、文字の場合は文字色が「青」から「赤」に変わり、
上下に2ピクセル、左右に2ピクセル動きます。

■ソース
<style type="text/css">
<!--
A:hover {color:#ff0000; position:relative; top:2; left:2 }
-->
</style>

■どうするの?
<head>〜</head>間に、上のソースを貼り付ける。
この方法はスタイルシートを利用したものですが、1ページ全体に設定されます。

そして、上のサンプルは<body>〜</body>間で表示したいところに、下記のソースを記載しています。

<font style="font-size:14px; line-height=14pt">
<a href="a1.html">クリックしても移動しませんよ^^</a><br>
<br></font>
<a href="a1.html"><img src="../gazou/joywave5.gif" width="88" height="31" alt="ホームページを自作しよう ≪JoyWave便利箱≫" border="0"></a>

color:#ff0000 (赤色) オンマウス時の色を変えることができます。
top:2; left:2 数字を変えると動く量が変わります(1が最小)
topが上下、leftが左右の動く量を表します。



実際に利用されて「これは良かった」内容がありましたら、教えてください。
少しずつ充実させていき、本当の意味での「便利箱」にしたいと思います。
Copyright© 2005 JoyWave. All rights reserved.