| ポイント |
<![CDATA[
<input type="text" style="-moz-opacity:0.70" onMouseover="this.style.MozOpacity='100%'" onMouseout="this.style.MozOpacity='70%'">
]]>
|
| 説 明 |
テキストフィールドにマウスが乗ったら不透明にするには、あらかじめスタイルシートで「-moz-opacity:0.70」のように不透明度を指定しておきます。あとはマウスイベントを検知し「this.style.MozOpacity=不透明度」で不透明度を指定します。値は0.5など0〜1、または"0%"〜"100%"など%を付加した文字列形式で指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドにマウスが乗ったら不透明にする【NN6】</title>
</head>
<body background="bg.gif">
<form>
<input type="text" style="-moz-opacity:0.70" onMouseover="this.style.MozOpacity='100%'" onMouseout="this.style.MozOpacity='70%'">
</form>
</body>
</html>
]]>
|
| 補足説明 |
IE、NN6両方で不透明度を指定するにはスタイルシートで「filter:alpha(opacity=25);-moz-opacity:0.25;」のように記述します。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドにマウスが乗ったら不透明にする【NN6】