tu8.14.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 52 行

HTM
52
字号
<HTML>
<HEAD>
  <TITLE>过滤器效果之一</TITLE>
  <STYLE>
<!--
 IMG.alpha{filter:alpha(Opacity=80,Style=1);}
 IMG.chroma{filter:chroma(color=black);}
 IMG.flipH{filter:flipH;}
 IMG.flipV{filter:flipV;}
 IMG.gray{filter:gray;}
 IMG.invert{filter:invert;}
 IMG.wave{filter:wave(freq=3,lightStrength=20,phase=25;strength=20);}
 IMG.xray{filter:xray;}
-->
</STYLE>
</HEAD>
<BODY>
  <table align="center" width=80%>  <!-使用表格辅助排版-->
    <tr>
      <td colspan="4" align="center"><IMG src=".../images/construction.gif"></td>
    </tr>
    <tr>
      <td colspan="4" align="center">原图</td>
    </tr>
    <tr>
      <td align="center"><IMG  class="alpha" src=".../images/construction.gif"></td>
      <td align="center"><IMG  class="chroma" src=".../images/construction.gif"></td>
      <td align="center"><IMG  class="flipH" src=".../images/construction.gif"></td>
      <td align="center"><IMG  class="flipV" src=".../images/construction.gif"></td>
    </tr>
    <tr>
      <td align="center">alpha效果</td>
      <td align="center">chroma效果</td>
      <td align="center">flipH效果</td>
      <td align="center">flipV效果</td>
    </tr>
    <tr>
      <td align="center"><IMG  class="gray" src=".../images/construction.gif"></td>
      <td align="center"><IMG  class="invert" src=".../images/construction.gif"></td>
      <td align="center"><IMG  class="wave" src=".../images/construction.gif"></td>
      <td align="center"><IMG  class="xray" src=".../images/construction.gif"></td>
    </tr>
    <tr>
      <td align="center">gray效果</td>
      <td align="center">invert效果</td>
      <td align="center">wave效果</td>
      <td align="center">xray效果</td>
    </tr>
  </table>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?