Icon
16点

すべてgif 画像です。透過してるのは静止画のみです。

ボタンクリックで背景色が変わります。


静止画像。透過済みです。


星とハートのピカピカ。

       
アニメーション。左の3点が3コマ。その次の3点が4コマ。一番右のが7コマです。


これ→、 マウスで触ってみて下さい。パカッと割れるようになってます。
何度もつつくとパカパカ開いたり閉まったりして大変らぶりー♪です。
そんなことして遊ぶのは私だけかもしれませんが( ̄▽ ̄

使い道はともかくとして構造を説明すると・・・
最初の画像がヒビの入ったタマゴ。
マウスを乗せるとパカッと割れた別の画像が現れます。
マウスを外すと再び閉まったタマゴに。

これ、難しそうに見えるけど実はイメージ(img)タグを使って二枚の画像を組み合わせているだけなんです。

<img border="0" src="ひびタマゴファイル名"  Onmouseover="開いたタマゴファイル名'" Onmouseout="'ひびタマゴファイル名">

こういうタグです。そのままコピペするとフォントタグとかが大量に混ざっちゃってわけわかんなくなるので注意。
リンクのページにHTMLタグのソースを配布しているサイトを紹介しているので、そちらでコピペすると簡単ですよ♪