| ポイント |
<![CDATA[
obj.filters["alpha"].opacity = n;
<div id="strID" style="position:absolute;background-color:#5080FF;filter:alpha(opacity=50);" onMouseover="change(this,100)" onMouseout="change(this,50)">
]]>
|
| 説 明 |
透明度は「オブジェクト名.filters["alpha"].opacity」で設定できます。指定前にあらかじめスタイルシートでフィルタを指定しておく必要があります。透明度は0〜100で0が透明、100が不透明となります。タグ内に直接スクリプトを記述する場合は「this.filters["alpha"].opacity」のように指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>半透明の文字をマウスが重なったら不透明にする</title>
<script Language="JavaScript"><!--
function change(obj,n)
{
obj.filters["alpha"].opacity = n;
}
// --></script>
</head>
<body>
<div style="position:absolute;background-color:#5080FF;filter:alpha(opacity=50);" onMouseover="change(this,100)" onMouseout="change(this,50)">マウスを重ねると透明度が変わります</div>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
半透明の文字をマウスが重なったら不透明にする