マウスが重なったら画像を半透明にする

実行画面
説  明
マウスが重なったら画像を半透明にするには、半透明にする画像にnameまたは<name>で名前を指定しておきます(以下のサンプルではmyImg)。この画像の透明度はopacityに入っており0〜255までの範囲で指定できます。0が完全に透明、255が完全な不透明になります。
マウスによる反応は<action>タグのtriggerでマウスイベントを指定します。マウスが重なった場合はonMouseEnter、領域から離れた場合はonMouseExitになります。画像の透明度を変えるには、この<action>タグ内にJavaScriptを記述します。画像の透明度へのアクセスは「画像名.opacity」のように記述します。以下のサンプルでは画像名はmyImgなので「myImg.opacity」でアクセスし透明度を指定しています。

ダウンロード
サンプル
<widget>
<window name="mainWin" />
<image src="Resources/sample.png" name="myImg" />
<action trigger="onMouseEnter">
myImg.opacity =
128;
</action>
<action trigger="onMouseExit">
myImg.opacity =
255;
</action>
</widget>

補足説明