DHTML SAMPLES

Behaviorとカスタムタグを組み合わせる1(次のサンプルと一体)

これはInternet Explorer5.0以降でのみ使えるBehaviorsのサンプルです。 BehaviorsはWebの要素に動きを与える仕掛けです。

上の文章中の一部にマウスカーソルを合わせると背景色が黄色になる。このサンプルそのものはBehaviorの基本的なもの。<SPAN>タグの Behaviorにdhtml_ie_neo0054s.htcを指定してある。dhtml_ie_neo0054s.htc はカーソルがのったとき背景色を黄色にし、外れたときもとに戻す単純なもの。このサンプルとカスタムタグを組み合わせて、次のサンプルでは <MAKOTO3:HILITE>～</MAKOTO3:HILITE>で囲んだ文字を同様に動作させるようにしてある。

本ファイル

<HEAD>
<STYLE>
SPAN	{behavior:url(dhtml_ie_neo0054s.htc)}
</STYLE>
</HEAD>
:
:
これは<SPAN>Internet Explorer5.0</SPAN>以降でのみ使える<SPAN>Behaviors</SPAN>のサンプルです。
BehaviorsはWebの要素に<SPAN>動きを与える仕掛け</SPAN>です。

dhtml_ie_neo0054s.htc

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="mOver()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="mOut()" />
<SCRIPT LANGUAGE="JavaScript">

function mOver()	{
	element.runtimeStyle.backgroundColor = "yellow"
	element.runtimeStyle.cursor = "hand"

}

function mOut()	{
	element.runtimeStyle.backgroundColor = ""
	element.runtimeStyle.cursor = ""
}

</SCRIPT>
</PUBLIC:COMPONENT>