HTML＋TIME学习笔记（八）
<P class=ft style="MARGIN: auto 0cm; TEXT-INDENT: 24pt; 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>DW</SPAN>没有？我发现目前做音画还是有很多人在用<SPAN lang=EN-US>FP</SPAN>，本人在这方面是外行，只是听朋友说<SPAN lang=EN-US>DW</SPAN>专业些，如果和<SPAN lang=EN-US>FW,FLASH</SPAN>结合，效果会更加好。用过<SPAN lang=EN-US>DW</SPAN>的应该用过常用工具栏上的那个鼠标经过图像控件吧？特别是在做导航条的时候<SPAN lang=EN-US>,</SPAN>感觉效果好而且简单，不过那是用<SPAN lang=EN-US>JS</SPAN>编写的，如果叫你自己编代码，我想应该没几个非专业编程人员能编得出吧？现在我用<SPAN lang=EN-US>HTML+TIME</SPAN>编写代码来实现这个效果。</FONT></FONT></FONT></P>
<P class=ft style="TEXT-JUSTIFY: inter-ideograph; MARGIN: auto 0cm; TEXT-ALIGN: justify"><FONT face=宋体 color=#000000 size=3>首先看看看效果吧</FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT face=宋体 color=#000000 size=3><FONT color=blue size=5><A href="http://roger01rao.ik8.com/htmlntime/jiaocheng/教程8.html"><FONT face=宋体 color=#000000 size=3><FONT color=blue size=5>点击看效果</FONT> </FONT></A></FONT></FONT></P>
<P class=ft style="MARGIN: auto 0cm"><FONT face=宋体 color=#000000 size=3>再看代码，如下：</FONT></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT size=3><FONT color=#000000><FONT face=宋体><A href="#"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></FONT></FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3><IMG id="t1" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/<?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" /><st1:chmetcnv w:st="on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="5" UnitName="a">05a</st1:chmetcnv>.jpg" class="time" begin="0;t2.mouseout" end="t1.mouseover" </FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT size=3><FONT color=#000000><FONT face=宋体>timeaction="display" width="500" height="398" border="1" bordercolor="ff0000"><IMG id="t2" src="http://roger01rao.ik8.com/htmlntime/jiaocheng/<st1:chmetcnv w:st="on" TCSC="0" NumberType="1" Negative="False" HasSpace="False" SourceValue="6" UnitName="a">06a</st1:chmetcnv>.jpg" class="time" begin="t1.mouseover" end="t2.mouseout" <o:p></o:p></FONT></FONT></FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT size=3><FONT color=#000000><FONT face=宋体>timeaction="display" width="500" height="398" border="0"><o:p></o:p></FONT></FONT></FONT></SPAN></P>
<P class=ft style="MARGIN: auto 0cm"><SPAN lang=EN-US><FONT face=宋体 color=#000000 size=3></A></FONT></SPAN></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>2</SPAN>个事件，<SPAN lang=EN-US>mouseout</SPAN>和<SPAN lang=EN-US>mouseover</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>,</SPAN>对应于其他什么单击事情也有<SPAN lang=EN-US>,</SPAN>以及加载什么<SPAN lang=EN-US>,</SPAN>都可以产生各种效果<SPAN lang=EN-US>,</SPAN>就看大家如何去应用了哦 <SPAN lang=EN-US>^_^</SPAN>，其实，这里也可以直接加载连接啊，比如点击图片产生连接。这里只需把＃号换成一个连接地址就可以产生效果了，不信你试试！</FONT></FONT></FONT></P> 学习了，这些还没接触过 来收藏啦 这个效果我喜欢！！！！！！！！！！！ 这个效果收藏了，以后能用到，谢谢。 虽然偶不懂，进来支持下 不是太懂继续跟踪学习。 <HTML XMLNS:t=\"urn:schemas-microsoft-com:time\">
<HEAD>
<META http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">
<META http-equiv=\"Content-Style-Type\" content=\"text/css\">
<TITLE>学习学习</TITLE>
<STYLE type=\"text/css\">
<!--
.time{ behavior:url(#default#time2); }
-->
</STYLE>
<?IMPORT namespace=\"t\" implementation=\"#default#time2\">
</HEAD>
<BODY>
<A href=\"#\">
<IMG id=\"t1\" src=\"http://roger01rao.ik8.com/htmlntime/jiaocheng/05a.jpg\" class=\"time\" begin=\"0;t2.mouseout\" end=\"t1.mouseover\"
timeaction=\"display\" width=\"400\" height=\"300\" border=\"1\" bordercolor=\"ff0000\"><IMG id=\"t2\" src=\"http://roger01rao.ik8.com/htmlntime/jiaocheng/06a.jpg\" class=\"time\" begin=\"t1.mouseover\" end=\"t2.mouseout\"
timeaction=\"display\" width=\"400\" height=\"300\" border=\"0\">
</A>
</BODY>
</HTML>
页:
[1]