index.html

javascript的学习文章

  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-director/index.html">Director</a> </td>
  </tr>
  <tr> 
    <td colspan="2" align="center" bgcolor="#666699"><a href="../../1-download/index.htm"><font color="#FFFFFF">网猴下载</font></a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-download/page1.htm">网页制作</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page2.htm">程序设计</a></font></td>
  </tr>
  <tr> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page3.htm">网站设计</a></font></td>
  </tr>
  <tr> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page4.htm">电子商务</a></font> 
    </td>
  </tr>
  <tr> 
    <td colspan="2" align="center" bgcolor="#666699"><a href="../../1-teach/index.htm"><font color="#FFFFFF">实用技巧</font></a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/internet/index.htm">Internet应用</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/photoshop/index.html">Photoshop</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/flash/page1.html">Flash</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/asp/index.html">ASP</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/php/index.html">PHP</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/java/index.htm">Java</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/vb/index.htm">VB</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/c/index.htm">C、C++</a></td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-backend/database/php_mysql/index.html">PHP/MySQL</a></td>
  </tr>
  <tr> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/perl_beginner/index.html">-Perl</a> 
    </td>
  </tr>
  <tr> 
    <td colspan="2">-<a href="../../1-teach/other/index.htm">其它</a> </td>
  </tr>
  <tr> 
    <td colspan="2" bgcolor="#666699"> 
      <div align="center"><font color="#FFFFFF">更多教程</font></div>
    </td>
  </tr>
  <tr> 
    <td colspan="2" height="17"><a href="../../1hdml/index.html">-HDML</a></td>
  </tr>
  <tr> 
    <td colspan="2" height="23"><font face="宋体"><a href="../../1-backend/database/course/day1_1.html">-网络数据库</a></font></td>
  </tr>
  <tr> 
    <td colspan="2" height="14"><a href="../../1-backend/protocols/ping/index.html"><font face="arial, helvetica, sans-serif">Ping</font></a></td>
  </tr>
  <tr> 
    <td colspan="2" height="20"><a href="../../1-backend/cgi_perl/search_engine/index.html">-创建搜索引擎</a></td>
  </tr>
  <tr> 
    <td colspan="2" height="16">-<a href="../../1adobe/GoLive/index.html">Adobe GoLive</a></td>
  </tr>
  <tr> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/templates/index.html">模板</a></td>
  </tr>
  <tr> 
    <td colspan="2" align="center" bgcolor="#666699"><font color="#FFFFFF">合作伙伴</font></td>
  </tr>
  <tr> 
    <td colspan="2" align="left">-<a href="http://www.5dmedia.com/" target="_blank">5D精英网</a></td>
  </tr>
  <tr align="center"> 
    <td colspan="2"> <img src="../../Library/front_monkey.gif" width="59" height="68"></td>
  </tr>
  </tbody> 
</table>
<br><!-- #EndLibraryItem --></td>
      <!-- End of headlines (column 1: left column) --> <!-- Gutter between columns 1 and 2 --> 
      <td width="10" height="794"><img src="http://www.sohu.com/images/pixel.gif" width=10></td>
      <!-- Search box and directories (columns 2 and 3: middle columns, combined into one) --> 
      <td align=center valign=top width="558"> 
        <div align="left"><!-- #BeginEditable "1" --> 
          <p><font size="2" face="宋体"><br>
            </font><font color="#FF3300" size="4" face="宋体"><b>用JavaScript制作动画</b></font><font face="宋体"><br>
            <!-- BYLINE --> </font><font face="宋体" color="#000000" size="2">作者：</font><a
    href="mailto:[e-mail]" title="Send
mail to Wendy Owen"><font size="2"
    color="#000000" face="arial, helvetica, sans-serif">Wendy Owen</font></a> 
          </p>
          <p> <font size="3">我们在<font
    face="宋体">Javascript</font>教程中曾学过图片变换。用这个命令<br>
            就可以制作出神奇的动画效果。<br>
            <br>
            我们首先制作了一个动画的<a href="flipbook2_img_flip.html">例子</a>。你可以先看一下这个<br>
            例子，以及完整的<a href="ani_flipcode.htm" target="_blank"><font face="宋体">JavaScript</font>代码</a>。然后我们一起来研<br>
            究这个动画是怎么做的。 </font></p>
          <p><font size="3">在正式开始之前，我们先学习一下下面的<font
    face="宋体">JavaScript</font>符<br>
            号，这有助于你理解编码：</font></p>
          <table border="1">
            <tr> 
              <td colspan="2"><font face="宋体">JavaScript</font>符号</td>
            </tr>
            <tr> 
              <td><font face="宋体">// </font></td>
              <td>生成注释标签 </td>
            </tr>
            <tr> 
              <td><font face="宋体">== </font></td>
              <td>比较两个项目</td>
            </tr>
            <tr> 
              <td><font face="宋体">= </font></td>
              <td>赋值</td>
            </tr>
            <tr> 
              <td><font face="宋体">++ </font></td>
              <td>加<font face="宋体">1</font></td>
            </tr>
          </table>
          <p><font size="3">首先你应该理解数组的概念。数组是一系列项目的列表。<br>
            数组通常有一个名字。 </font></p>
          <p><font size="3">在一下代码中，我们生成一个名为<font face="宋体"><tt>bendyList</tt></font>的图象数组。<br>
            这些图象将用于动画实例中。在数组括号内我们按照动画<br>
            中图象显示的顺序列出了所有图象名称： </font></p>
          <pre>

<font face="宋体" size="3">// make the array of images

bendyList = new Array(bendy000.gif , bendy001.gif , bendy002.gif ,

bendy003.gif , bendy004.gif , bendy005.gif , bendy006.gif ,

bendy007.gif , bendy008.gif , bendy009.gif , bendy010.gif ,

bendy011.gif , bendy012.gif , bendy013.gif , bendy014.gif );

</font></pre>
          <p><font size="3">你可以看到每个图象都用逗号隔开。而且这些图象都放在<br>
            一个目录中。<br>
            <br>
            第<font face="宋体">1</font>页：<a href="index.html">用<font face="宋体">Javascript</font>制作动画－生成图象数组</a><br>
            第<font face="宋体">2</font>页：<a href="ani_flipbook3.htm">设置图象的位置</a><br>
            第<font face="宋体">3</font>页：<a href="ani_flipbook4.htm">现在开始演示动画</a><br>
            第<font face="宋体">4</font>页：<a href="ani_flipbook5.htm">用<font face="宋体">Javascript</font>制作的闪烁动画效果</a></font></p>
          <p><font size="2" face="宋体"> </font></p>
          <!-- #EndEditable --></div>
      </td>
      <!-- End of search box and directories (columns 2 and 3: middle columns, combined into one) --> 
      <!-- Gutter between columns 3 and 4 --> <!-- Other stuff (column 4: right column) --> 
      <!-- End of other stuff (column 4: right column) --> </tr>
  </table>
<!-- End of table surrounding page contents -->

  <hr noshade size=1 width=700>
 <span class=eng><br>
  Copyright (C) 1998-2000 Internet Technologies China.&nbsp; All rights reserved. 
  </span> 
</center>
</body>
<!-- #EndTemplate --></html>