≪ カツのGIFアニメ HOME   サイトマップ

   ■ ロールオーバー

   アイコンにカーソルを乗せた時、その画像が変化します。
   ここでは、その方法の説明です。
   面白いよ〜っ!



    

   上のロバに、カーソルを乗せてみてください。

   これをHP上に表示するには、画像 1 30×27 291b と 画像 2 30×27 290b を用意して、
   2つの画像を組み合わせて表示させます。



   ↓ このソースを使います。↓
<IMG src="画像 1(最初に表示されてる画像)" border="0" onMouseOver="this.src='画像 2(カーソルを乗せた時、表示される画像)'" onMouseOut="this.src='画像 1(カーソルが離れた時、表示される画像'">


   ↓ リンクさせる場合は、このソース。↓
<A href="リンク先">
<IMG src="画像 1(最初に表示されてる画像)" border="0" onMouseOver="this.src='画像 2(カーソルを乗せた時、表示される画像)'" onMouseOut="this.src='画像 1(カーソルが離れた時、表示される画像'">
</A>




   画像 2 に動く画像を使うと…?


    

   こうなります!



   ロールオーバー用素材はこちらにおいてあります。

   素材コーナーにも、組み合わせると使える物がありますので
   皆さんのイメージで使ってみてください。




67×15 245b



51×44 642b HP・メール素材 カツのGIFアニメ
KATU`S GIF ANIMATION
Copyright©2004 katu All right reserved.