ボタンのデザインをマウスオーバーによって変化させたい

画面操作 - マウス

ボタンのデザインをマウスオーバーによって変化させたい

Biz/Browser DTでは、DisplayObjectクラスにMouseEnterイベント、MouseLeaveイベントが追加されました。
MouseEnterイベントはマウスがオブジェクトに入ったときに発生します。
MouseLeaveイベントはマウスがオブジェクトから出たときに発生します。
この２つのイベントを組み合わせることで、マウスオーバー時の動作を制御することができます。

【実行結果①】

【実行結果②】

Form form1 {
    x = 0;
    y = 0;
    width = 553;
    height = 444;
    bgColor = "white";
 
 
    Label lb1 {
        x = 269;
        y = 49;
        width = 231;
        height = 216;
        tabindex = 2;
        Bgcolor = "red";
        value = "マウスオーバーで色が変化";
  
        /* マウスがオブジェクトに入ったときに発生 */
        Function OnMouseEnter(e) {
   
            /* 背景色を黄色に設定 */
            e.from.bgcolor = "yellow";
        }
  
        /* マウスがオブジェクトから離れたときに発生 */
        Function OnMouseLeave(e) {
   
            /* 背景色を赤色に設定 */
            e.from.bgcolor = "red";
        }
    }
}


		Biz-Collections Bizの宝箱トップへ
		Biz/Browser DT・Biz/Designer DT TIPS集トップへ