フィルター機能のオン／オフ

　HOME 　>>> 　HTML整理ノート　>>> DHTML -- 基本編　　　応用編

各要素にマウスを載せるとフィルタ機能がオフに、離すとオンになる。

フィルタのenabledプロパティをtrueに設定すれば機能がオンになり、falseにすればオフになる。

Sample Source......................................................................>>>

<script language="JavaScript"><!--
function Over(obj){
  obj.filters[0].enabled = false;
}
function Out(obj){
  obj.filters[0].enabled = true;
}
//--></script>
</head>

<body>
<div style="position:absolute;width:100%;
  filter:shadow(color=silver,direction=180);cursor:hand"
  onmouseover="Over(this)" onmouseout="Out(this)">
  <h4 class="header">フィルター機能のオン／オフ</h4>
</div>
<img src="../../images/cut/025.gif" width="157" height="116"
  style="float:left;filter:alpha(opacity=20);cursor:hand"
  onmouseover="Over(this)" onmouseout="Out(this)"></p>
<button style="background-color:white;filter:alpha(opacity=30);cursor:hand"
  onmouseover="Over(this)" onmouseout="Out(this)">ボタンAです</button> 
<form name="form1">
<input type="button" name="bt" value="ボタンBです" 
  style="background-color:white;filter:alpha(opacity=30);cursor:hand"
  onmouseover="Over(this)" onmouseout="Out(this)">
</form>

end(最終更新:12/11/10)