加载中...
查看文章
  • 网页特效介绍
  • 作者：未知 来源：未知 添加时间：2003年3月24日 字体:大 中 小
  • 80639现在非常多的朋友搞个人网页，而且做的五彩缤纷，各有特色，但是比较多的朋友把大大的一幅图象放在页面上，致使页面下载很慢，加上用GIF格式做动画，尽管用GIF格式搞的动画比较苗条，但是也不大合算。能否不用特别做的图象，不用GIF格式做动画，可以把页面搞的生气活现呢？可以，但javascript比较对一般初学者来说是比较难的，笔者今天要用IE本身内含的STYLE这个重量级的命令属性中的RevealTrans和滤镜来搞搞新意思！希望网友们能灵活运用这些滤镜和页面切换效果，把自己的主页搞的有声有色！不断进步！

    {_yc

    {_ycStyle属性：

    {_yc

    {_yc　　可以应用在标签中，更可用广泛应用在<table><tr><td><body><center><img><input><font><form><frame><label><map>等等标签中，更重要的是，它可用在标签中。

    {_yc

    {_yc页面切换效果：

    {_yc

    {_yc在页面前部与之间加入""

    {_yc说明：duration为页面切换的时间长度，3.000表示3秒钟，一般可以直接输入3便可；transition为切换效果，从1-23共22种不同的切换效果，其中23为随机效果。

    {_yc

    {_yc滤镜效果：

    {_yc

    {_ycPhotoshop的滤镜用的多了吧，在页面中也用滤镜搞搞新意思吧！

    {_yc

    {_yc语法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数)

    {_yc

    {_yc滤镜说明：

    {_ycAlpha：设置透明层次.

    {_ycblur：创建高速度移动效果，即模糊效果.

    {_ycChroma：制作专用颜色透明.

    {_ycDropShadow：创建对象的固定影子.

    {_ycFlipH：创建水平镜像图片.

    {_ycFlipV：创建垂直镜像图片.

    {_ycglow：加光辉在附近对象的边外.

    {_ycgray：把图片灰度化.

    {_ycinvert：反色.

    {_yclight：创建光源在对象上.

    {_ycmask：创建透明掩膜在对象上.

    {_ycshadow：创建偏移固定影子.

    {_ycwave：波纹效果.

    {_ycXray：使对象变的像被x光照射一样.

    {_yc

    {_yc1.滤镜:alpha

    {_yc语法:

    {_ycSTYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,

    {_ycStartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"

    {_yc说明：

    {_ycOpacity:起始值，取值为0-100,0为透明，100为原图.

    {_ycFinishOpacity:目标值.

    {_ycStyle：1或2或3

    {_ycStartX：任意值

    {_ycStartY：任意值

    {_yc例子：filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")

    {_yc

    {_yc2.滤镜:blur

    {_yc语法:

    {_ycSTYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"

    {_yc说明：

    {_ycAdd:一般为1，或0.

    {_ycDirection:角度,0-315度，步长为45度.

    {_ycStrength:效果增长的数值,一般5即可.

    {_yc例子：filter:Blur(Add="1",Direction="45",Strength="5")

    {_yc

    {_yc3.滤镜:chroma

    {_yc语法:

    {_ycSTYLE="filter:Chroma(Color=color)"

    {_yc说明:

    {_yccolor:#rrggbb格式，任意.

    {_yc例子：filter:Chroma(Color="#FFFFFF")

    {_yc

    {_yc4.滤镜:DropShadow

    {_yc语法:

    {_ycSTYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"

    {_yc说明:

    {_ycColor:#rrggbb格式，任意.

    {_ycOffx:X轴偏离值.

    {_ycOffy:Y轴偏离值.

    {_ycPositive:1或0.

    {_yc例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

    {_yc

    {_yc5.滤镜:FlipH

    {_yc语法:

    {_ycSTYLE="filter:FlipH"

    {_yc例子：filter:FlipH

    {_yc

    {_yc6.滤镜:FlipV

    {_yc语法:

    {_ycSTYLE="filter:FlipV"

    {_yc例子：filter:FlipV

    {_yc

    {_yc7.滤镜:Glow

    {_yc语法:

    {_ycSTYLE="filter:Glow(Color=color,Strength=strength)"

    {_yc说明:

    {_ycColor:发光颜色.

    {_ycStrength:强度(0-100)

    {_yc例子：filter:Glow(Color="#6699CC",Strength="5")

    {_yc

    {_yc8滤镜:Gray

    {_yc语法:

    {_ycSTYLE="filter:Gray"

    {_yc例子：filter:Gray

    {_yc

    {_yc9.滤镜:Invert

    {_yc语法:

    {_ycSTYLE="filter:Invert"

    {_yc例子：filter:Invert

    {_yc

    {_yc10.滤镜:Mask

    {_yc语法:

    {_ycSTYLE="filter:Mask(Color=color)"

    {_yc例子：filter:Mask(Color="#FFFFE0")

    {_yc

    {_yc11.滤镜:Shadow

    {_yc语法:

    {_ycfilter:Shadow(Color=color,Direction=direction)

    {_yc说明:

    {_ycColor:#rrggbb格式.

    {_ycDirection:角度,0-315度，步长为45度.

    {_yc例子：filter:Shadow(Color="#6699CC",Direction="135")

    {_yc

    {_yc12.滤镜:Wave

    {_yc语法:

    {_ycfilter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)

    {_yc说明:

    {_ycAdd:一般为1，或0.

    {_ycFreq:变形值.

    {_ycLightStrength:变形百分比.

    {_ycPhase:角度变形百分比.

    {_ycStrength:变形强度.

    {_yc例子:filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")

    {_yc

    {_yc13.滤镜:Xray

    {_yc语法:

    {_ycSTYLE="filter:Xray"

    {_yc例子:filter:Xray80636
  • 返回页面顶端
  • 上一篇：ASP 常用的18个函数
  • 下一篇：ASP＋Access的安全隐患及对策
  • 返回上一页 打印本文 加入收藏
  • 页面最后更新时间：2010年3月10日