メソッド(ロールオーバー)

indexに戻る JavaScriptの基本 用語解説 使えるJavaScript

ダイアログボックス ウィンドウ イベント ロールオーバー 演算子 配列 日付

正規表現 DOM 関数 数学関数（Math） 画像 フォーム1 フォーム2 フォーム3

【サンプル】カウントダウン 【サンプル】カウントダウン実践 【サンプル】タグ（文章の）の入れ替え 【サンプル】カルーセルスライダー 【サンプル】フリックスライダー 【サンプル】拡大写真ライダー

jQueryの基本 擬似クラス CSSの制御 jQueryサンプル

メソッドとは

オブジェクトへ命令すること

オブジェクト（部品）に対して動作を指定します。 オブジェクト毎にメソッドが用意されており、ピリオド（.）で区切って、オブジェクト.メソッド（値） の順で記述します。
たとえば、HTMLファイル内に内容を書き出すことができる write( ) メソッドを使いたい場合は document.write(値); と記述します。

document.getElementById("idの名前を入れる")

・・・ドキュメントにある特定のIDを持つオブジェクトを示します

【 JavaScript 】
window.onload=function(){
	document.getElementById("photo1").onmouseover=function(){
		this.src="images/02.jpg";
	}
	document.getElementById("photo1").onmouseout=function(){
		this.src="images/01.jpg";
	}
}

読み込んだ時、id名photo1の画像をマウスが乗ったら、02.jpgの画像に変更する。
マウスが離れたら、id名photo1の画像を、01.jpgの画像に変更する。

【 HTML 】
<img src="images/01.jpg" id="photo1" />

単体のロールオーバー

<a href="http://myanmar-isami.com"><img src="./image/button/btm01.gif" alt="トップページ" width="137" height="51" onMouseOver="this.src='./image/button/btm001.gif'" onmouseout ="this.src='./image/button/btm01.gif'" /></a>