js-ボタン - Fieds_labo1

javascript　ボタン

１．基本は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>

２．直スクリプト書き

• DWスクリプトは1タグ内では利用できない。利用ケースは＃１に限られる？
• Formのイメージボタンをロールオーバーを直書きする場合

<input type="image" src="btn-off.gif" alt="送信" border="0" onmouseover="this.src='btn-on.gif'" onmouseout="this.src='btn-off.gif'">

３．サブミットのCSS変更

• type="submit"ボタンのCSSを定義し、スクリプトでロールオーバー制御可能。
• 利点として非対応状況でも問題が発生しない。
  • スタイルが無い場合、普通にボタンになる。
  • スクリプト使えない環境ではロールオーバーしない。
• ん～、ブラウザ環境とか、背景処理とか、難しいので使わないｗ