DynamicHTML




[ test-01 ]
文字に触ると文字の背景色が変る。


レイヤータグにonMouseOverとonMouseOutを記述しておいて、マウスポインタが触ったら(onMouseOver)レイヤーの背景色を取り替え、離れたら(onMouseOut)もとの背景色に戻しています。


Sample
Dynamic HTML Dynamic HTML Dynamic HTML












Source


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="#ffffff" TEXT="#000000">

<LAYER NAME="t0" 
    TOP=120
    LEFT=150
    onMouseOver="bgColor='red'"
    onMouseOut="bgColor='#ffffff'"
>
<I> Dynamic HTML </I><!--たとえばこれを<A HREF="...で囲めば普通のリンクとして使えます。-->
</LAYER>
<LAYER NAME="t1" 
    TOP=150
    LEFT=150
    onMouseOver="bgColor='magenta'"
    onMouseOut="bgColor='#ffffff'"
>
<I> Dynamic HTML </I>
</LAYER>
<LAYER NAME="t2" 
    TOP=180
    LEFT=150
    onMouseOver="bgColor='orange'"
    onMouseOut="bgColor='#ffffff'"
>
<I> Dynamic HTML </I>
</LAYER>
</BODY>
</HTML>




//--sourceの中のこの色は注目ポイントです。
//--この色の部分を自由に書き換えて使ってください