码迷,mamicode.com
首页 > Web开发 > 详细

CSS的blendtransp 淡入淡出应用代码

时间:2014-07-17 10:06:52      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   cti   html   

<HTML>
  <HEAD>
    <TITLE>淡入淡出</TITLE>
    <SCRIPT>
      <!--
      function fadeOut(obj) 
      {
          obj.style.filter="blendTrans(duration=2)";
          if ((obj.visibility != "hidden") && 
               (obj.filters.blendTrans.status != 2)) 
          {
              obj.filters.blendTrans.Apply();
              obj.style.visibility="hidden";
              obj.filters.blendTrans.Play();
          }
      }
      function fadeIn(obj) 
      {
          obj.style.filter="blendTrans(duration=2)";
          if ((obj.visibility != "visible") && 
               (obj.filters.blendTrans.status != 2)) 
          {
            obj.filters.blendTrans.Apply();
            obj.style.visibility="visible";
            obj.filters.blendTrans.Play();
          }
      }
      -->
    </SCRIPT>
  </HEAD>
  <BODY>
    <IMG id=oImg src="/images/logo.gif"></IMG>
    <P>
    <BUTTON onclick="fadeOut(oImg)">Fade Image Out</BUTTON>
    <BUTTON onclick="fadeIn(oImg)">Fade Image In</BUTTON>
    </P>
    <HR>
  </BODY>
</HTML>

CSS的blendtransp 淡入淡出应用代码,布布扣,bubuko.com

CSS的blendtransp 淡入淡出应用代码

标签:style   blog   color   io   cti   html   

原文地址:http://www.cnblogs.com/youtianxia/p/3850191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!