| ポイント |
<![CDATA[
<input type="text" style="filter:alpha(opacity=70)" onMouseover="this.filters['alpha'].opacity=100" onMouseout="this.filters['alpha'].opacity=70">
]]>
|
| 説 明 |
テキストフィールドにマウスが乗ったら不透明にするには、あらかじめスタイルシートでfilter:alpha(opacity=不透明度)を指定しておきます。あとはマウスイベントを検知し「this.filters["alpha"].opacity=不透明度」で不透明度を指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドにマウスが乗ったら不透明にする</title>
</head>
<body background="bg.gif">
<form>
<input type="text" style="filter:alpha(opacity=70)" onMouseover="this.filters['alpha'].opacity=100" onMouseout="this.filters['alpha'].opacity=70">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドにマウスが乗ったら不透明にする