何それ　おいしいの？

アニメ・プログラム・ゲームetc 思った事誰のためにもならないことを綴っております。

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

↓よかったらポチッと↓

【ありーがとーごーざいーーーーー】グーグル先生の仕事【まぁすっっっっっぅ！！！！】

今月も残り少なくなってきましたが給料日が１０日なので交通費がもつか心配なきゅうです。

最近何を思ったか検索ワードで［Ｊａｖa　ロールオーバー」　って検索が多いんですね。
グーグルさんは何でおれに丸投げしたのかわからないけどｗ

ちなみに今は更新されてないＨＰの方は確か簡単にＣＳＳで作ってるなんちゃってです。

ＩＥだと重かったりちらついてしまったりして嫌がる人が探しに来たのかしら？　っていうのが自分の見解なんですけども。　
また、class名とかon oｆｆの画像なのでＡＬＴ属性の事とか何かと不便さはありますね。

まあ、どうあがいたって検索結果にこのブログが上がるのがおかしいんですよね
多分グーグル先生の陰謀ですね。　いや、ネタ提供か。

でもどこら辺が知りたいのかいまいちわからないんですよね。
しかもこのブログにたどり着いた人はＪの字も見れないまま閉じたことでしょうｗｗｗ

JAVAスクリプトファイル（「rollover.js」なんかがよく例で挙げられます）
で、３か所あるとしましょうか。　画像は６つですね。
01_on.gif、01_off.gif、02_on.gif、02_off.gif、03_on.gif、03_off.gif

スクリプトファイルはこんな感じ

var rollover = Array(3);
function loadImage() {
	for (var i=0; i < 3 ; i++) {
		rollover[i] = new Image();
	}
	rollover[0].src = "01_on.gif";
	rollover[1].src = "02_on.gif";
	rollover[2].src = "03_on.gif";
}

ＨＰのソースの部分ではまずヘッダー部分で呼び出しましょうか。

<head>
<script type="text/javascript" src="rollover.js"></script>
</head>

<body>タグ内でイメージ呼ぶよと教えておきましょう。

<body onload="loadImage()">

んで、リンクタグで・・・　って説明できてないねさっきから。

<a href="xx.html"
onmouseover="src=rollover[0].src;return true;"
onmouseout="src='001_off.gif';return true;"><img
src="01_off.gif"></a>

<a href="yy.html"
onmouseover="src=rollover[1].src;return true;"
onmouseout="src='02_off.gif';return true;"><img
src="02_off.gif"></a>

<a href="zz.html"
onmouseover="src=rollover[2].src;return true;"
onmouseout="src='03_off.gif';return true;"><img
src="03_off.gif"></a>

確かこんな感じだったはず。
もちろんリンク先とか画像名とかは任意で。　
とりあえずできたけど意味がわからないからいじれない！！って香具師はｇｇｒ・・・ググったら来たんだったね。

いつか簡単なソースでもさらすよ。　要望があれば。

多分rollOver関数とかでやった方がソースきれいなのかな。　考えておく。

※このソース使ってできない！！なんて苦情はお受けしていますが、謝る＋改良以外しません。
間違い・誤字・脱字発見された方はよければコメください。

追記

カメラとマイク手に入れた！！　って浮かれてたらしゃべる友達いなかった罠。

[1回]