HTML CSS Reference/CSS Attributes and Javascript Style Properties/filter

Материал из Web эксперт
Перейти к: навигация, поиск

"filter" Example

   <source lang="html4strict">
   

<html> <head> <script language="JavaScript"> function function1(elem) {

  elem.style.filter="blendTrans(duration=1)";
  elem.filters.blendTrans.Apply();
  elem.style.visibility="hidden";
  elem.filters.blendTrans.Play();
  elem.filters.percent=20; 

} function function2(elem) {

  elem.style.filter="blendTrans(duration=1)";
  elem.filters.blendTrans.Apply();
  elem.style.visibility="visible";
  elem.filters.blendTrans.Play();
  elem.filters.percent=80; 

} </script> </head> <body> <img id="myImg" src="http://www.wbex.ru/style/logo.png">

  <button onclick="function1(myImg)">Cause the image to fade out</button>
  <button onclick="function2(myImg)">Cause the image to fade in</button>

</body> </html>


     </source>
   
  


"filter" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> | | | |

| |
<body> |

| |<button> |

| |
|

| | <custom> | | |

| | | <dir> |

| |
|

| |

| | |<fieldset> | | |<form> <frame> | | |<frameset> <hn> | | | <iframe> | | |<img> <input type="button"> | | |<input type="checkbox"> <inputtype="file"> | | |<input type="image"> <input type="password"> | | |<input type="radio"> <input type="reset"> | | |<input type="submit"> <input type="text"> | | | | | |<label> <legend> |

| |
  • <marquee> | | |<menu> <nobr> | | |

      | | |

                                                            |
      |                |                                                    |
      |                |                                                     |
      |                |                                                 |
      |                |                                              |
      |                |                                                    |
      |                |
      | | |<textarea> |

      | | |

      | |
        | | |<xmp> | +----------------+--------------------------------------------------------------+ </source>

        "filter" Syntax and Note

        <source lang="html4strict"> Note: Specify the element filter or collection of filters. Syntax:

        element { filter: value } elementID.style.filter = "value" document.all.elementID.style.filter = "value"


        </source>