ビヘイビア機能(IE独自)

下の文字上にマウスを置けば....

ビヘイビアとは
IE5.0で追加されたIE独自機能。外部JavaScriptファイルの一種。

作成手順
1)拡張.htcの外部JavaScriptファイルを、以下の形式で作成
  <SCRIPT language="JavaScript"><!--
    attachEvent("イベントハンドラ名",関数名);
    function 関数名(){

    }
  //--></SCRIPT>

2)HTMLファイルのスタイルシート指定で、以下の形式で指定。
   {behavior:url(上記の.htcファイルのパス);}

<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>
  &lt;SCRIPT language=&quot;JavaScript&quot;&gt;&lt;!--<br>
    attachEvent(&quot;イベントハンドラ名&quot;,関数名);<br>
    function 関数名(){<br>
    
    }<br>
  //--&gt;&lt;/SCRIPT&gt;<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)