Fieds_labo1
js-ボタン
最終更新:
fieds_labo1
-
view
javascript ボタン
1.基本はDWスクリプト
- 画像のロールオーバーはDWのスクリプトを使う。(MM_swapImage,MM_swapImage)
- bodyタグのonload時のMM_preloadImagesは無くても動作する。ただし、表示が遅い?
- 基本形
- <a href="url" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('image1','','swap.gif',1);">
- <img src="moto.gif" name="image1">
- </a>
2.直スクリプト書き
- DWスクリプトは1タグ内では利用できない。利用ケースは#1に限られる?
- Formのイメージボタンをロールオーバーを直書きする場合
<input type="image" src="btn-off.gif" alt="送信" border="0" onmouseover="this.src='btn-on.gif'" onmouseout="this.src='btn-off.gif'">
3.サブミットのCSS変更
- type="submit"ボタンのCSSを定義し、スクリプトでロールオーバー制御可能。
- 利点として非対応状況でも問題が発生しない。
- スタイルが無い場合、普通にボタンになる。
- スクリプト使えない環境ではロールオーバーしない。
- ん~、ブラウザ環境とか、背景処理とか、難しいので使わないw