s09_23a.htm

来自「老师课件」· HTM 代码 · 共 54 行

HTM

54 行

<HTML>

<HEAD>
<META name="vs_targetSchema" content="HTML 4.0">
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<TITLE>设置图片的滤镜效果</TITLE>
</HEAD>

<BODY>

<TABLE align="center">
  <TR>
    <TD colSpan="8" align="center">
    <IMG src="fouxiang.gif" width="94" height="88"></TD>
  </TR>
  <TR>
    <TD colSpan="8" align="center">原图</TD>
  </TR>
  <TR>
    <TD>
    <IMG src="fouxiang.gif" style="filter: alpha(Opacity=80,Style=2)" width="94" height="88"></TD>
    <TD>
    <IMG src="fouxiang.gif" style="filter: chroma(color=black)" width="94" height="88"></TD>
    <TD><IMG src="fouxiang.gif" style="filter: flipH" width="94" height="88"></TD>
    <TD><IMG src="fouxiang.gif" style="filter: flipV" width="94" height="88"></TD>
    <TD><IMG src="fouxiang.gif" style="filter: gray" width="94" height="88"></TD>
    <TD><IMG id="invert_image" src="fouxiang.gif" width="94" height="88"></TD>
    <TD>
    <IMG id="wave_image" src="fouxiang.gif" style="filter: wave(freq=3,lightStrength=20,phase=25)" width="94" height="88"></TD>
    <TD><IMG src="fouxiang.gif" style="filter: xray" width="94" height="88"></TD>
  </TR>
  <TR>
    <TD>alpha效果</TD>
    <TD>chroma效果</TD>
    <TD>flipH效果</TD>
    <TD>flipV效果</TD>
    <TD>gray效果</TD>
    <TD>invert效果</TD>
    <TD>wave效果</TD>
    <TD>xray效果</TD>
  </TR>
</TABLE>
<SCRIPT language="javascript">
<!--
	invert_image.style.filter = "invert";
	wave_image.filters.wave.strength=5;
-->
</SCRIPT>

</BODY>

</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?

s09_23a.htm

s09_23a.htm - 源码说明

⌨️ 快捷键说明