下の文字上にマウスを置けば....
<STYLE TYPE="text/css"><!--
#dv {behavior:url(behaviortest.htc);width:300;font:14pt "MS 明朝";color:green;}
#dvx {margin-left:50;margin-right:30;visibility:hidden}
--></STYLE>
</head>
<body>
<div id="dv">ビヘイビアとは</div>
<div id="dvx">IE5.0で追加されたIE独自機能。外部JavaScriptファイルの一種。<br>
作成手順<br>
1)拡張.htcの外部JavaScriptファイルを、以下の形式で作成<br>
<SCRIPT language="JavaScript"><!--<br>
attachEvent("イベントハンドラ名",関数名);<br>
function 関数名(){<br>
}<br>
//--></SCRIPT><br>
<br>
2)HTMLファイルのスタイルシート指定で、以下の形式で指定。<br>
{behavior:url(上記の.htcファイルのパス);}
</div>
■「behaviortest.htc」ファイル
<SCRIPT language="JavaScript">
<!--
attachEvent("onmouseover",Over); //マウスオーバーでOver関数を実行する
function Over(){
dv.style.backgroundColor= "skyblue";
dv.style.color = "red";
dvx.style.visibility = "visible";
}
attachEvent("onmouseout",Out); //マウスアウトでOut関数を実行する
function Out(){
dv.style.backgroundColor= "";
dv.style.color = "";
dvx.style.visibility = "hidden";
}
//-->
</SCRIPT>
end(01/8/14)