HTML/CSS/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>

Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/filter&oldid=4797»