マウスオーバーの効果
ジャンル別一覧
人気のクチコミテーマ
-
-
- Ｍ．シュナとの生活♪
- シュナウザー保護活動ボランティア
- (2023-07-02 18:37:16)
-
-
-
- うさ飼いさん集まろ～
- コナモ (U^ω^U)7歳3か月 YOUTUBE動…
- (2024-11-14 15:13:45)
-
<center>
<table width="90%" align="center" >
<tr>
<TD align="center" valign="middle" width="312" height="450" background="http://plaza.rakuten.co.jp/img/user/32/61/22833261/111.gif" style="background-position:90% 10%; background-repeat: no-repeat;">
<a href="http://nekomoriya.biz/create/temp/21/" target="_blank"><img src="http://image.space.rakuten.co.jp/lg01/64/0000022664/15/imga55670045ssddc.jpeg" width="312" height="450" alt="ショーがはじまるよ♪"onMouseOver="this.src='http://image.space.rakuten.co.jp/lg01/64/0000022664/16/img1579fce75ssl23.jpeg'" width="312" height="450" alt="ピエロショー" onMouseOut="this.src='http://image.space.rakuten.co.jp/lg01/64/0000022664/15/imga55670045ssddc.jpeg'" width="312" height="450" alt="ＥＮＤ" border="0" style="filter: Alpha(opacity=70);"></a>
<div align="left">
マウスをピエロの上に持ってきて見てね。
このマウスオーバーの効果を使って
エンターページ付のテンプレ作ってみました。
リンクさせてますのでご覧くださーい！！
</div>
</TD>
</tr>
</table>
</center>
以下が概要です。
<center>
<table width="90%" align="center" >
<tr>
<TD align="center" valign="middle" width="画像の横幅" height="画像の縦幅" background="背景画像ＵＲＬ(例ではお星様の画像)" style="background-position:左上を基点に横に何％縦に何％と指定 左上は0% 0% 右下は100% 100% 真ん中は50% 50%; background-repeat: 画像を敷き詰める場合はrepeat ひとつだけ表示のときはno-repeat;">
<a href="http://nekomoriya.biz/create/temp/21/" target="_blank"><img src="最初に表示しておく画像ＵＲＬ" width="画像横幅" height="画像縦幅" alt="ショーがはじまるよ♪"onMouseOver="this.src='マウスが乗ったときの画像ＵＲＬ'" width="画像横幅" height="画像縦幅" alt="ピエロショー" onMouseOut="this.src='マウスが外れたときの画像ＵＲＬ'" width="画像横幅" height="画像縦幅" alt="ＥＮＤ" border="0" style="filter: Alpha(opacity=透過度);"></a>
<div align="left">
マウスをピエロの上に持ってきて見てね。
このマウスオーバーの効果を使って
エンターページ付のテンプレ作ってみました。
リンクさせてますのでご覧くださーい！！
</div>
</TD>
</tr>
</table>
</center>
© Rakuten Group, Inc.
