|
<![CDATA[
<HTML>
<HEAD>
<TITLE>java41</TITLE>
<script language="JavaScript">
<!--
//画像のpreload
function preload() {
if (document.images) {
this.length = preload.arguments.length;
for (var i = 0; i < this.length; i++) {
this["imge"+i+1] = new Image();
this["imge"+i+1].src = preload.arguments[i];
}
}
}
if (document.images) {
var stuff = new preload(
"logo/profile_on.gif","logo/pc_on.gif","logo/ryokou_on.gif")
}
//イメージオブジェクト
function onSelect(n) {
if (document.images) {
var src = document.images["imge" + n].src;
var off = src.lastIndexOf("off");
if (off != -1) {
var newsrc = src.substring(0,off) + "on";
document.images["imge" + n].src = newsrc + ".gif";
}
}
}
function offSelect(n) {
if (document.images) {
var src = document.images["imge" + n].src;
var on = src.lastIndexOf("on");
if (on != -1) {
var newsrc = src.substring(0,on) + "off"
+ src.substring(on + 2, src.length);
document.images["imge" + n].src = newsrc;
}
}
}
//-->
</script>
<SCRIPT language="JavaScript">
<!--
// メッセージ文定義
openMessage = "今年もおじさん、一生懸命がんばります。m(_ _)m";
bm = new Array(); // メッセージの配列定義
bm[0]="菊池さんちの家族のプロフィールです。";
bm[1]="わが家のパソコンとソフトの紹介です。";
bm[2]="気ままな夫婦の海外旅行記です。";
// 初期表示
function telop() {
clearTimeout(guideSw);
document.guide.message.value=openMessage;
}
// マウスが乗ったときのメッセージルーチン
guideSw=true;
function mssg(n) {
clearTimeout(guideSw);
nn=n;
i=0;
typing();
}
// テロップ表示ルーチン
function typing() {
i += 2;
document.guide.message.value=bm[nn].substring(0,i);
if(i <= bm[nn].length) guideSw=setTimeout("typing()",50);
}
// -->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFE4C4" text="navy">
<SCRIPT Language="JavaScript">
<!--
// フォーム表示
document.write("<FORM NAME='guide'>");
document.write("<INPUT TYPE='text' NAME='message' SIZE=50></FORM>");
//初期値表示
telop();
// -->
</SCRIPT>
<a href="../ubu.html" onMouseOver="onSelect(1);mssg(0); return true"
onMouseOut="offSelect(1);telop(); return true">
<img src="logo/profile_off.gif" name="imge1" border="0" width=98 height=16></a><br>
<a href="../ubu.html#pc" onMouseOver="onSelect(2);mssg(1); return true"
onMouseOut="offSelect(2);telop(); return true">
<img src="logo/pc_off.gif" name="imge2" border="0" width=98 height=16></a><br>
<a href="../father.html" onMouseOver="onSelect(3);mssg(2); return true"
onMouseOut="offSelect(3);telop(); return true">
<img src="logo/ryokou_off.gif" name="imge3" border="0" width=98 height=16></a><br>
</BODY>
</HTML>
]]>
|
メニューにマウスがあたると画像を反転(２)と説明文テロップ表示の併用方法
