📄 tu8.14.htm

📁 一部非常好的javaScript教程

💻 HTM

字号:

<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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -