part5_2.cfm

InterDev 6.0教程part1到part13

<FONT SIZE=3><P ALIGN="JUSTIFY">Strips Left Down</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">17</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Strips Left Up</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">18</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Strips Right Down</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">19</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Strips Right Up</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">20</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Vertical Blinds</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">8</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Wipe Down</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">5</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Wipe Up</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">7</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Wipe Right</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">6</FONT></TD>
</TR>
<TR><TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">Wipe Up</FONT></TD>
<TD WIDTH="50%" VALIGN="TOP">
<FONT SIZE=3><P ALIGN="JUSTIFY">4</FONT></TD>
</TR>
</TABLE>
</P>

<FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY">    </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>下面我们将说明怎样使用其中的一些</FONT><FONT SIZE=3>reveal</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>过渡，每个例子中都有一个按钮和一幅图象，按下按钮后过渡开始，五秒后结束。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">方形进/出</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">此例的源码如下，其结构与上例</FONT><FONT SIZE=3>blend</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>过渡类似，只是</FONT><FONT SIZE=3>filter</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的类型变了，它使用了</FONT><FONT SIZE=3>revealTrans</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，并且有两个参数，第一个是过渡经历的时间，设为</FONT><FONT SIZE=3>5</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>秒，第二个是</FONT><FONT SIZE=3>reveal</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>过渡的类型，即上表中对应的各个类型的代码。</P>
<P ALIGN="JUSTIFY"></P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY">&lt;script language="vbscript"&gt;</P>
<P ALIGN="JUSTIFY">sub b1_onclick</P>
<P ALIGN="JUSTIFY">  img1.filters(0).apply()</P>
<P ALIGN="JUSTIFY">  img1.src="art.gif"</P>
<P ALIGN="JUSTIFY">  img1.filters(0).play()</P>
<P ALIGN="JUSTIFY">end sub</P>
<P ALIGN="JUSTIFY">&lt;/script&gt;</P>
<P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">&lt;img id="img1" src="kids.gif" </P>
<P ALIGN="JUSTIFY">  style="filter: revealTrans(duration=5, transition=0)"&gt;</P>
<P ALIGN="JUSTIFY">&lt;br&gt;</P>
<P ALIGN="JUSTIFY">&lt;input type="button" id="b1" value="Box In"&gt;</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">此例的代码适用于后面所有的</FONT><FONT SIZE=3>reveal</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>过渡示范，只需将过渡类型改为相应的代码即可。方形进</FONT><FONT SIZE=3>/</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>出的运行结果如图</FONT><FONT SIZE=3>5-4</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image177.gif" WIDTH=224 HEIGHT=196></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image178.gif" WIDTH=229 HEIGHT=197></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-4</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">网格形进/出</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其在浏览器上的运行结果如图</FONT><FONT SIZE=3>5-5</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image179.gif" WIDTH=228 HEIGHT=195></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image180.gif" WIDTH=226 HEIGHT=195></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-5</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">圆形进/出</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其在浏览器上的运行结果如图</FONT><FONT SIZE=3>5-6</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image181.gif" WIDTH=225 HEIGHT=193></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image182.gif" WIDTH=222 HEIGHT=197></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-6</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">溶解式</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">它以不断增加的点来显示第二幅图象，运行结果如图</FONT><FONT SIZE=3>5-7</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image183.gif" WIDTH=222 HEIGHT=197></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-7</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">横/竖百页窗式</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其在浏览器上的运行结果如图</FONT><FONT SIZE=3>5-8</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image184.gif" WIDTH=222 HEIGHT=200></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image185.gif" WIDTH=227 HEIGHT=194></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-8</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">随机式</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY">    </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>随机过渡从诸多的过渡类型中随机地挑一种实施。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">横/竖随机行</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其在浏览器上的运行结果如图</FONT><FONT SIZE=3>5-9</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image186.gif" WIDTH=251 HEIGHT=195></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image187.gif" WIDTH=228 HEIGHT=196></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-9</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">水平/竖直式拉开/关闭</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其在浏览器上的运行结果如图</FONT><FONT SIZE=3>5-10</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image188.gif" WIDTH=224 HEIGHT=191></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image189.gif" WIDTH=229 HEIGHT=194></P>
<P ALIGN="CENTER"><IMG SRC="Image190.gif" WIDTH=219 HEIGHT=191></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image191.gif" WIDTH=216 HEIGHT=192></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-10</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">斜角式</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其在浏览器上的运行结果如图</FONT><FONT SIZE=3>5-11</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image192.gif" WIDTH=220 HEIGHT=178></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image193.gif" WIDTH=222 HEIGHT=177></P>
<P ALIGN="CENTER"><IMG SRC="Image194.gif" WIDTH=217 HEIGHT=180></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image195.gif" WIDTH=218 HEIGHT=178></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-11</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">上/下/左/右擦除</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">其在浏览器上的运行结果如图</FONT><FONT SIZE=3>5-12</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
<P ALIGN="CENTER"><IMG SRC="Image196.gif" WIDTH=217 HEIGHT=194></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image197.gif" WIDTH=223 HEIGHT=193></P>
<P ALIGN="CENTER"><IMG SRC="Image198.gif" WIDTH=223 HEIGHT=196></FONT><FONT SIZE=3>  </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><IMG SRC="Image199.gif" WIDTH=226 HEIGHT=192></P>
<P ALIGN="CENTER">图</FONT><FONT SIZE=3>5-12</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P></FONT><p>
<p>
<font color="red">此手册未经本公司允许,不得擅自转载、转贴、篡改。违者将追究其法律责任。</font>
</BODY>
</HTML>