0077.htm

来自「新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编」· HTM 代码 · 共 121 行

HTM
121 行
字号 
<html>

<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1  {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
    <p align="center"><big><strong>用IE内置的Style命令实现网页特效</strong></big></p>

<div align="right">---（文/陈辉生）</div>

        　 　IE本身内含Style命令。Style属性可以应用在&lt;meta&gt;标签中，更可广泛应用在&lt;div&gt; 
        &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;body&gt; &lt;center&gt; &lt;img&gt; &lt;input&gt; 
        &lt;font&gt; &lt;form&gt; &lt;frame&gt; &lt;label&gt; &lt;map&gt;等标签中。<br>
        <p><b>　　页面切换效果：</b></p>
        <p>　　在页面前部与之间加入</p>
        <p>″&lt;META HTTP－EQUIV=″Page－Enter″ CONTENT=″filter:RevealTrans(Duration=3.000, 
        Transition=23)″&gt;″<br>
        　　说明：duration为页面切换的时间，3.000表示3秒钟，一般可以直接输入3便可；transition为切换效果，从1～23共22种不同的切换效果，其中23为随机效果。<br>
        </p>
        <p><b>　　滤镜效果：</b></p>
        <p>　　语法：</p>
        <p>S</p>
        <p>TYLE=</p>
        <p>″</p>
        <p>f</p>
        <p>ilter:filtername(fparameter1, fparameter2...)</p>
        <p>″<br>
        　　(Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数)<br>
        　　滤镜说明：<br>
        　　<b><font color="#0000ff">Alpha</font></b>：设置透明层次<br>
        　　<font color="#0000ff"><b>blur</b></font>：创建高速度移动效果，即模糊效果<br>
        　　<font color="#0000ff"><b>Chroma</b></font>：制作专用颜色透明<br>
        　　<font color="#0000ff"><b>DropShadow</b></font>：创建对象的固定影子<br>
        　　<font color="#0000ff"><b>FlipH</b></font>：创建水平镜像图片<br>
        　　<b><font color="#0000ff">FlipV</font></b>：创建垂直镜像图片<br>
        　　<font color="#0000ff"><b>glow</b></font>：加光辉在附近对象的边外<br>
        　　<font color="#0000ff"><b>gray</b></font>：把图片灰度化<br>
        　　<font color="#0000ff"><b>invert</b></font>：反色<br>
        　　<font color="#0000ff"><b>light</b></font>：创建光源在对象上<br>
        　　<font color="#0000ff"><b>mask</b></font>：创建透明掩膜在对象上<br>
        　　<font color="#0000ff"><b>shadow</b></font>：创建偏移固定影子<br>
        　　<font color="#0000ff"><b>wave</b></font>：波纹效果<br>
        　　<font color="#0000ff"><b>Xray</b></font>：使对象变得像被 x光照射一样<br>
        　　1.滤镜:<b><font color="#0000ff">Alpha</font></b><br>
        　　语法：STYLE=″filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, 
        StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)″ <br>
        　　说明：Opacity: 起始值，取值为0～100, 0为透明，100为原图。<br>
        　　FinishOpacity:目标值。<br>
        　　Style：1或2或3<br>
        　　StartX：任意值<br>
        　　StartY：任意值<br>
        　　例子：filter:Alpha(Opacity=″0″,FinishOpacity=″75″,Style=″2″) <br>
        　　2.滤镜:<font color="#0000ff"><b>blur</b></font><br>
        　　语法：STYLE=″filter:Blur(Add = add, Direction = direction, Strength = strength)″<br>
        　　说明：Add:一般为1，或0。<br>
        　　Direction: 角度,0～315度，步长为45度。<br>
        　　Strength: 效果增长的数值,一般5即可。<br>
        　　例子：filter:Blur(Add=″1″,Direction=″45″,Strength=″5″)<br>
        　　3.滤镜:<font color="#0000ff"><b>Chroma</b></font><br>
        　　语法：STYLE=″filter:Chroma(Color = color)″<br>
        　　说明：color:＃rrggbb格式，任意。<br>
        　　例子：filter:Chroma(Color=″＃FFFFFF″)<br>
        　　4.滤镜:<font color="#0000ff"><b>DropShadow</b></font><br>
        　　语法：STYLE=″filter:DropShadow(Color=color, OffX=offX, OffY=offY, 
        Positive=positive)″<br>
        　　说明：Color:＃rrggbb格式，任意。<br>
        　　Offx:X轴偏离值。<br>
        　　Offy:Y轴偏离值。<br>
        　　Positive: 1或0。<br>
        　　例子：filter:DropShadow(Color=″＃6699CC″,OffX=″5″,OffY=″5″,Positive=″1″)<br>
        　　5.滤镜:<font color="#0000ff"><b>FlipH</b></font><br>
        　　语法：STYLE=″filter:FlipH″ <br>
        　　例子：filter:FlipH <br>
        　　6.滤镜:<b><font color="#0000ff">FlipV</font></b><br>
        　　语法：STYLE=″filter:FlipV″ 　　例子：filter:FlipV <br>
        　　7.滤镜:<font color="#0000ff"><b>glow</b></font><br>
        　　语法：STYLE=″filter:Glow(Color=color, Strength=strength)″<br>
        　　说明：Color:发光颜色。<br>
        　　Strength:强度(0－100)<br>
        　　例子：filter : Glow(Color=″＃6699CC″,Strength=″5″)<br>
        　　8滤镜:<font color="#0000ff"><b>gray</b></font><br>
        　　语法：STYLE=″filter:Gray″<br>
        　　例子：filter:Gray<br>
        　　9.滤镜:<font color="#0000ff"><b>invert</b></font><br>
        　　语法：STYLE=″filter:Invert″<br>
        　　例子：filter:Invert<br>
        　　10.滤镜:<font color="#0000ff"><b>mask</b></font><br>
        　　语法：STYLE=″filter:Mask(Color=color)″<br>
        　　例子：filter:Mask (Color=″＃FFFFE0″)<br>
        　　11.滤镜:<font color="#0000ff"><b>shadow</b></font><br>
        　　语法：filter:Shadow(Color=color, Direction=direction)<br>
        　　说明：Color:＃rrggbb格式。<br>
        　　Direction: 角度,0－315度，步长为45度。<br>
        　　例子：filter:Shadow (Color=″＃6699CC″, Direction=″135″)<br>
        　　12.滤镜:<font color="#0000ff"><b>wave</b></font><br>
        　　语法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)<br>
        　　说明：Add:一般为1，或0。<br>
        　　Freq:变形值。<br>
        　　LightStrength:变形百分比。<br>
        　　Phase:角度变形百分比。<br>
        　　Strength:变形强度。<br>
        　　例子：filter: wave(Add=″0″, Phase=″4″, Freq=″5″, LightStrength=″5″, 
        Strength=″2″)<br>
        　　13.滤镜:<font color="#0000ff"><b>Xray</b></font><br>
        　　语法：STYLE=″filter:Xray″ <br>
        　　例子：filter:Xray<br>

  </table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>

0077.htm - 源码说明

本页面展示了「新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑」中的 0077.htm 源码文件，采用 HTM 编程语言编写，共 121 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与软件教程相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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