莺燕音画 发表于 2008-8-8 14:17

HTML＋TIME学习笔记（九）

<P class=ft style="MARGIN: auto 0cm; TEXT-ALIGN: center" align=center><FONT face=宋体 color=#000000 size=3>第九课</FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US>   </SPAN>上一节我们讲解了两个事件，这里我就这两个事件进行拓展，大家应该都知道<SPAN lang=EN-US>CSS</SPAN>，做过音画帖子的一定用它修饰过帖子，可以达到很好的美化效果，我在<SPAN lang=EN-US>HTML</SPAN>音画帖子里也经常使用，大家可以去看看这方面的介绍，我就不在这里讲了。 </FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体><SPAN lang=EN-US>   </SPAN>这一节我们一起来学习如何用这个<SPAN lang=EN-US>HTML+TIME+CSS</SPAN>来产生动态效果</FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT face=宋体 color=blue size=5><A href="http://roger01rao.ik8.com/htmlntime/jiaocheng/教程9.html"><FONT face=宋体 color=blue size=5>点击这里看效果</FONT></A></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT size=3><FONT color=#000000><FONT face=宋体>再看代码，如下：<SPAN lang=EN-US>    </SPAN></FONT></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3>&lt;img id="image1" src=" http://roger01rao.ik8.com/htmlntime/jiaocheng/<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><st1:chmetcnv w:st="on" UnitName="a" SourceValue="5" HasSpace="False" Negative="False" NumberType="1" TCSC="0">05a</st1:chmetcnv>.jpg" style="position:absolute; left:0; top:0; filter:alpha(opacity=100);"&gt;</FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3>&lt;t:set id="alpha1" targetElement="image1" attributeName="filter" to="alpha(opacity=20)" begin="image1.mouseover" end="image1.mouseout" /&gt;</FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm; TEXT-INDENT: 24pt"><FONT face=宋体 color=#000000 size=3>大家可以看到我这个就是<SPAN lang=EN-US>attributeName</SPAN>用了<SPAN lang=EN-US>filter</SPAN>，大家看过前面应该学习过这个属性，我用它做过字体<SPAN lang=EN-US>color</SPAN>的变化，这里我就不多介绍了。其实这里面所有代码我前面都解释过，这里只是提供给大家一个思路罢了，看演示就可以看到这个效果，把鼠标放到图片上去试试就知道了。当然<SPAN lang=EN-US>CSS</SPAN>静态滤镜还有很多，比如：<SPAN lang=EN-US>blur,chroma,dropShadow,flipH,flipV,glow,gray,invert,light,mask,shadow,wave,Xray</SPAN>等等等等。这些不只可以用于图片，还可以用于文字等，大家自己去尝试一下<SPAN lang=EN-US>,</SPAN>如果有哪个滤镜不会出效果<SPAN lang=EN-US>,</SPAN>可以在回复上留言，大家一起来探讨探讨，互相学习，共同提高嘛！</FONT></P>
<P class=ft style="MARGIN: auto 0cm; TEXT-INDENT: 24pt"> </P>

一剑飘香红 发表于 2008-8-8 14:21

不错的教程,谢谢分享

紫色灵枫 发表于 2008-8-8 14:58

学习了谢谢楼主分享

快乐相随 发表于 2008-8-8 20:53

学习了，谢谢。

文子 发表于 2008-8-8 22:55

虽然偶不懂，进来支持下

ヤ;聆聽浪漫 发表于 2008-8-9 17:37

研究学习下！！！！！！！！！！！！！！！！！

白雪皑皑 发表于 2008-8-15 17:11

慢慢跟着学习。

雄杰独倚 发表于 2008-9-5 22:16

<P><FONT style=\"BACKGROUND-COLOR: #eef0f0\">交个作业</FONT></P>
<P><FONT style=\"BACKGROUND-COLOR: #eef0f0\"></FONT></P>
<P><FONT style=\"BACKGROUND-COLOR: #eef0f0\"></FONT> </P>
<P><FONT style=\"BACKGROUND-COLOR: #eef0f0\">请问老师，我这个里面怎样才能让边框跟着变化呢</FONT></P>

[ 本帖最后由 小二 于 2008-9-5 22:18 编辑 ]

蕾朵 发表于 2008-9-30 17:20

支持你喔！喜欢你的这个系列教程。

冰雪飞梦 发表于 2008-10-15 23:25

CSS静态滤镜还有很多，
比如blur,chroma,dropShadow,flipH,flipV,glow,gray,invert,light,mask,shadow,wave,Xray等
请问老师,换滤镜代码,是在这里换吗:

filter:alpha(opacity=100)\\attributeName=\"filter\"
页: [1] 2
查看完整版本: HTML＋TIME学习笔记（九）