サイト内検索
...タグ・小技・etc...
jQuery
ロールオーバー（rollover）
[サンプル]
- [指定方法]
- １．ファイルをyuga.jsより、一括ダウンロードします。
- 「jquery.js」「yuga.js」ファイルを使用します。
- ２．画像を２枚用意します。
- 「btn」「btn_on」と名前を付けた画像を準備します。
-
btn
-
btn_on←ロールオーバー用画像 - ３．ＨＴＭＬのソース
- imgの要素に、class="btn"を指定します。
- <img src="img/btn.png" alt="サンプル" class="btn" />
[メモ]
「yuga.js」を参照させていただきました。ソース
[ｈｅａｄの中]
<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/yuga.js" charset="utf-8"></script>
[スタイルシート]
[ｂｏｄｙの中]
<a href="sample.html" title="rink1"><img src="img/samplebtn.png" alt="btn1" class="btn" />
</a>
