乄浪漫经典ツ 发表于 2013-1-3 22:05:50

念汐。老师第三课——课外补充(中)

本帖最后由 乄浪漫经典ツ 于 2013-1-3 22:05 编辑 <br /><br />这节课没有视频，图文足够了，大家看一下下面的课程，应该没问题。表格参数可以保存起来以后方便查询。
<p><FONT color=#0066cc size=6>1.6光晕（glow）</FONT></p>
<P>和光晕有关的参数的含义</P>
<table border=1 cellSpacing=0 cellPadding=0 width=700 borderColor=#666666>
    <tr bgColor=#cccccc>
      <td width=96><FONT color=#000000>参数</FONT></td>
      <td width=598><FONT color=#000000>作用</FONT></td>
    </tr>
    <tr>
      <td>cenbled</td>
      <td>可选项，用来设置滤镜是否激活。其值是布尔型，默认值为ture，表示滤镜激活；false，表示滤镜被禁止</td>
    </tr>
    <tr>
      <td>color</td>
      <td>可选项，用来设置此滤镜作用的颜色值。其值为字符串型，格式为#AARRGGBB，AA、RR、GG、BB为十六进制正整数。取值范围为00-FF，其中，RR指定的是红色值，BB值定的是蓝色值，GG指定的是绿色值，AA指定透明度，00表示完全透明，FF表示完全不透明。默认值为#FF0000FF</td>
    </tr>
    <tr>
      <td>strength</td>
      <td>可选项，用来设置以对象为基准的向外扩散的距离。其值是整数型，取值范围为1~255，默认为5</td>
    </tr>
</table>
<P>举例:
<table style="FILTER: glow(color=#55aacc,strength=10); WIDTH: 300px; HEIGHT: 100px" border=1 borderColor=#666666>
    <tr>
      <td align=middle>带光晕的效果字</td>
    </tr>
</table>
</P>
<p><HR align=left color=#3333cc width=740></p>
<P>代码详解：上图代码&lt;table bordercolor=#666666 style="FILTER: glow(color=#55aacc,strength=10); WIDTH: 300px; HEIGHT: 100px" border=1&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;tr&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td align=center&gt;带光晕的效果字&lt;/td&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<BR>&nbsp;&lt;/table&gt; color(数值大家可以自己随意设置例如：#112233 可以自己探索研究一下)strength（后面的为扩散度 从1-255）/p&gt;
<P><FONT color=#0066cc size=6>1.7灰度（gray）</FONT></P>原图效果：<IMG src="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg" width=500 height=340>
<P>原图代码：&lt;img src="<A href="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg">http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg</A>" width=500 height=340&gt;</P>
<P>修改后效果：<IMG style="FILTER: gray()" src="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg" width=500 height=340></P>
<HR align=left color=#3333cc width=740>
<P>修改后代码：&lt;img style="filter:gray()"src="<A href="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg">http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg</A>" width=500 height=340&gt;</P>
<P>代码详解：filter:gray()（这个代码非常的简单 就这么一个参数 没有其他参数 直接加上就能用了）</P>
<P><FONT color=#0066cc size=6>1.8反色（invert）</FONT></P>原图效果：<IMG src="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg" width=500 height=340>
<P>原图代码：&lt;img src="<A href="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg">http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg</A>" width=500 height=340&gt;</P>
<P>修改后效果：<IMG style="FILTER: invert()" src="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg" width=500 height=340></P>
<p><HR align=left color=#3333cc width=740></p>
<P>修改后代码：&lt;img style="filter:invert()"src="<A href="http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg">http://img2081.poco.cn/mypoco/myphoto/20130101/18/173388753201301011829353428776899269_006.jpg</A>" width=500 height=340&gt;</P>
<P>代码详解：filter:invert()（这个代码同上 就这么一个参数 没有其他参数 直接加上就能用了，也非常的简单）</P>
<p><font size=5 face="隶书" color=#7DFB30>谢谢大家的支持，希望更多的人来ii23爱上学院一起学习。</font></p>

gol1d 发表于 2013-1-3 22:09:09

不错，辛苦了，，有才，很给力。。{:eb511:}

今生有约@ 发表于 2013-1-3 22:09:15

来踩了再说

冰菓 发表于 2013-1-3 22:09:20

以后应该会用到，支持下{:eb502:}

程铄成成 发表于 2013-1-3 22:15:24

楼主很专业，进来学学习一下

云晓月 发表于 2013-1-3 22:43:51

帅哥的声音去那了呢。有必要的话再录视频呗~{:73_612:}
页: [1]
查看完整版本: 念汐。老师第三课——课外补充(中)