📄 8.4.1.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">属性列表 </h2>
<p>过滤器效果是通过 filter 样式表属性定义的，格式如下：
<p>filter:过滤器名称（参数）</p>
<p>其中的参数用于控制特定的过滤器效果。例如，如果要为 IMG 标记符定义透明度效果，可以使用以下样式定义：IMG {filter: alpha(Opacity=80)}。其中，Opacity=80
是参数指定，用于控制透明度。</p>
<p>也可以同时指定多个过滤器效果，此时只需将不同的过滤器用空格分隔即可。例如，以下样式定义为 IMG 标记符同时应用了透明度效果和垂直翻转效果：IMG{filter:
alpha(Opacity=80) flipV()}。
<p>与大多数 CSS 属性不同，可视化过滤器属性只能应用于 HTML 控件元素上。所谓 HTML 控件元素是指它们在网页上定义了一个矩形空间，浏览器窗口可以显示这些空间。合法的
<p>HTML 控件元素包括：BODY、BUTTON、DIV、IMG、INPUT、MARQUEE、SPAN、TABLE、TD、TEXTAREA、TH。
表 8.4 列出了可以在 Internet Explorer 4.0 和 Internet Explorer 5.0 中使用的各种过滤器效果和相关的说明。</p>
<p><div align=center> 表 8.4 IE 中的过滤器效果</div><p>
<center>
<table BORDER cellspacing=1 cellpadding=9 width=892>
<tr>
<td width="9%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">过滤器</font></b>
</div>
</td>
<td width="37%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">语法</font></b>
</div>
</td>
<td width="54%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">说明</font></b>
</div>
</td>
</tr>
<tr>
<td width="9%" valign="TOP">
<div align="center"><font size="1">alpha</font> </div>
</td>
<td width="37%" valign="TOP"> <font size="1">HTML: filter:alpha(opacity=opacity,finishOpacity=</font>
<font size="1">finishopacity,style=style,startX=startx,</font><font size="1">startY=</font>
<font size="1">starty,finishX=finishX,finishY=finishY)</font> <font face="宋体,SimSun" lang="ZH-CN" size=1>脚本</font><font size=1>:
object.style.filter="alpha(<i>properties</i>)"</font> </td>
<td width="54%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>设置透明度效果。参数</font><font size=1>
opacity </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示透明度，取值为</font><font size=1>
0~100</font><font face="宋体,SimSun" lang="ZH-CN" size=1>；参数</font><font size=1>
finishopacity </font><font face="宋体,SimSun" lang="ZH-CN" size=1>用于设置渐变透明度效果的结束透明度；</font><font size=1>style
</font><font face="宋体,SimSun" lang="ZH-CN" size=1>参数表示透明区域的形状特征，取值为</font><font size=1>
0</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>1</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、
</font><font size=1>2</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>3</font><font face="宋体,SimSun" lang="ZH-CN" size=1>；其他几个参数表示渐变效果的开始和结束坐标。</font>
</td>
</tr>
<tr>
<td width="9%" valign="TOP" height="54">
<div align="center"><font size="1">blendTrans</font> </div>
</td>
<td width="37%" valign="TOP" height="54"> <font size="1">HTML: filter:blendTrans(duration=duration)</font>
<font face="宋体,SimSun" lang="ZH-CN" size=1>脚本</font><font size=1>:</font>
<font size="1">object.style.filter="blendTrans(<i>properties</i>)"</font>
<font face="宋体,SimSun" lang="ZH-CN" size=1>方法</font><font size=1>: apply,
play, stop</font> </td>
<td width="54%" valign="TOP" height="54"> <font face="宋体,SimSun" lang="ZH-CN" size=1>创建淡入或淡出效果。参数</font><font size=1>
duration </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示效果持续的时间。方法</font><font size=1>
apply </font><font face="宋体,SimSun" lang="ZH-CN" size=1>用于应用过滤器效果；方法</font><font size=1>
play </font><font face="宋体,SimSun" lang="ZH-CN" size=1>用于运行过滤器效果；方法</font><font size=1>
stop </font><font face="宋体,SimSun" lang="ZH-CN" size=1>用于终止过滤器效果。</font>
</td>
</tr>
<tr>
<td width="9%" valign="TOP" height="55">
<div align="center"><font size="1">blur</font> </div>
</td>
<td width="37%" valign="TOP" height="55"> <font size="1">HTML: filter:blur(add=true|false,direction=direction,</font>
<font size="1">strength=strength)</font> <font face="宋体,SimSun" lang="ZH-CN" size=1>脚本</font><font size=1>:
object.style.filter="blur(<i>properties</i>)"</font> </td>
<td width="54%" valign="TOP" height="55"> <font face="宋体,SimSun" lang="ZH-CN" size=1>设置模糊效果。参数</font><font size=1>
add</font><font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>指定图片是否被改变成印象派的模糊效果，取值为布尔值；参数</font><font size=1>
direction </font><font face="宋体,SimSun" lang="ZH-CN" size=1>用于设置模糊效果的方向，方向为顺时针，取值为任意值，但只能显示从</font><font size=1>
0 </font><font face="宋体,SimSun" lang="ZH-CN" size=1>度开始递增</font><font size=1>
45 </font><font face="宋体,SimSun" lang="ZH-CN" size=1>度的</font><font size=1>
8 </font><font face="宋体,SimSun" lang="ZH-CN" size=1>个方向；参数</font><font size=1>
strength </font><font face="宋体,SimSun" lang="ZH-CN" size=1>设置模糊效果所影响的像素数，值为整数。</font>
</td>
</tr>
<tr>
<td width="9%" valign="TOP" height="46">
<div align="center"><font size="1">chroma</font> </div>
</td>
<td width="37%" valign="TOP" height="46"> <font size="1">HTML: filter:chroma(color=color)</font>
<font face="宋体,SimSun" lang="ZH-CN" size=1>脚本</font><font size=1>: object.style.filter="chroma(<i>properties</i>)"</font>
</td>
<td width="54%" valign="TOP" height="46"> <font face="宋体,SimSun" lang="ZH-CN" size=1>将指定颜色设置为透明。参数</font><font size=1>
color </font><font face="宋体,SimSun" lang="ZH-CN" size=1>用于指定要作为透明色的特定颜色，其取值可以是任意颜色值。</font>
</td>
</tr>
<tr>
<td width="9%" valign="TOP">
<div align="center"><font size="1">dropShadow</font> </div>
</td>
<td width="37%" valign="TOP"> <font size="1">HTML: filter:dropShadow(color=color,offX=offx,offY=</font>
<font size="1">offy,positive=true|false)</font> <font face="宋体,SimSun" lang="ZH-CN" size=1>脚本</font><font size=1>:
</font> <font size="1">object.style.filter="dropShadow(<i>properties</i>)"</font>
</td>
<td width="54%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>设置阴影效果。参数</font><font size=1>
color </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示阴影的颜色；参数</font><font size=1>
offX </font><font face="宋体,SimSun" lang="ZH-CN" size=1>和</font><font size=1>
offY </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示阴影的偏移量，取值为像素数；参数</font><font size=1>
positive </font><font face="宋体,SimSun" lang="ZH-CN" size=1>用于为透明对象指定阴影。</font>
</td>
</tr>
<tr>
<td width="9%" valign="TOP">
<div align="center"><font size="1">flipH</font> </div>
</td>
<td width="37%" valign="TOP"> <font size="1">HTML: filter:flipH</font> <font face="宋体,SimSun" lang="ZH-CN" size=1>脚本</font><font size=1>:
object.style.filter="flipH"</font> </td>
<td width="54%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">设置水平翻转效果。</font>
</td>
</tr>
<tr>
<td width="9%" valign="TOP">
<div align="center"><font size="1">flipV</font> </div>
</td>
<td width="37%" valign="TOP"> <font size="1">HTML: filter:flipV</font> <font face="宋体,SimSun" lang="ZH-CN" size=1>脚本</font><font size=1>:
object.style.filter="flipV"</font> </td>
<td width="54%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size="1">设置垂直翻转效果。</font>
</td>
</tr>
<tr>
<td width="9%" valign="TOP">
<div align="center"><font size="1">glow</font> </div>
</td>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -