📄 day2_10.html

📁 不错的javascript学习资料适合于刚刚学习javascirpt的出学者
💻 HTML
📖 第 1 页 / 共 2 页
字号:
上一页 12
  </tr>
  <tr> 
    <td colspan="2" align="center" bgcolor="#666699"><a href="../../1-download/index.htm"><font color="#FFFFFF">网猴下载</font></a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-download/page1.htm">网页制作</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page2.htm">程序设计</a></font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<font color="#000000"><a href="../../1-download/page3.htm">网站设计</a></font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <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 bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/internet/index.htm">Internet应用</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/photoshop/index.html">Photoshop</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/flash/page1.html">Flash</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/asp/index.html">ASP</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/php/index.html">PHP</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/java/index.htm">Java</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/vb/index.htm">VB</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-teach/c/index.htm">C、C++</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2">-<a href="../../1-backend/database/php_mysql/index.html">PHP/MySQL</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/perl_beginner/index.html">-Perl</a> 
    </td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <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 bgcolor="#FFFFFF"> 
    <td colspan="2" height="17"><a href="../../1hdml/index.html">-HDML</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" height="23"><font face="宋体"><a href="../../1-backend/database/course/day1_1.html">-网络数据库</a></font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <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 bgcolor="#FFFFFF"> 
    <td colspan="2" height="20"><a href="../../1-backend/cgi_perl/search_engine/index.html">-创建搜索引擎</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" height="16">-<a href="../../1adobe/GoLive/index.html">Adobe GoLive</a></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2"><a href="../../1-backend/cgi_perl/templates/index.html">-模板</a></td>
  </tr>
  <tr bgcolor="#666699"> 
    <td colspan="2" align="center"><font color="#FFFFFF">合作伙伴</font></td>
  </tr>
  <tr bgcolor="#FFFFFF"> 
    <td colspan="2" align="left">-<a href="http://www.5dmedia.com/" target="_blank">5D精英网</a></td>
  </tr>
  <tr align="center" bgcolor="#FFFFFF"> 
    <td colspan="2"> <img src="../../Library/front_monkey.gif" width="59" height="68"></td>
  </tr>
  </tbody> 
</table>
<!-- #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" --> 
          <title>javascrip教程</title>
          <strong><font face="宋体" size="3">第九页：图片交换</font></strong> 
          <p><font face="verdana, arial, geneva, sans serif" size="3">JavaScripts</font><font size="3">的一个主要应用是其具有使你移动鼠标时图片自动<br>
            切换功能。不幸的是，微软的<font face="verdana, arial, geneva, sans serif">IE3.0</font>不支持这种应用。用户最好<br>
            立即更新到<font face="verdana, arial, geneva, sans serif">IE4.0</font>或改用<font face="verdana, arial, geneva, sans serif">Netscape 
            3.0</font>。</font></p>
          <p><font size="3">这里是一个快捷的<a href="#" onClick="open('http://www.hotwired.com/webmonkey/98/03/image_swap_example.html', 'image_swap', 'height=200,width=200,menubar,resizeable');">基本的图片交换</a>例子。</font></p>
          <p><font size="3">让我们一步布的剖析这个例子，</font></p>
          <p><font size="3">第一行是：</font></p>
          <blockquote> 
            <pre><font size="4">
<font face="verdana, arial, geneva, sans-serif">&lt;img src=&quot;button_r.gif&quot; name=&quot;the_image&quot;&gt;
</font></font></pre>
          </blockquote>
          <p><font size="3">这就象一个标准的 <font face="verdana, arial, geneva, sans serif"><tt>&lt;img 
            src= &gt;</tt> </font>标签，只是它被给了一个名<br>
            字：<font face="verdana, arial, geneva, sans serif"><tt>the_image</tt></font>， 
            名字是任意取的：</font><font face="verdana, arial, geneva, sans serif" size="3"><tt>my_image</tt>, 
            </font><font size="4" face="verdana, arial, geneva, sans serif"><tt>a_box</tt></font><font face="宋体" size="4">......</font><br>
            <font size="3">但不许有任何空格在里面。</font></p>
          <p><font size="3">下一行是：</font></p>
          <p><font face="verdana, arial, geneva, sans-serif" size="3">&lt;a href=&quot;#&quot; 
            onMouseOver=&quot;document.the_image.<br>
            src='button_d.gif';&quot;&gt;change&lt;/a&gt;<br>
            <br>
            </font><font size="3">这是图片交换发生的地方。就象你以前见到的<tt><font face="verdana, arial, geneva, sans serif">onMouseOver</font></tt>。<br>
            出现在<font face="verdana, arial, geneva, sans serif"><tt>onMouseOver</tt></font>的引号中<font face="verdana, arial, geneva, sans serif">JavaScript</font>主要之处是：</font></p>
          <p><font face="verdana, arial, geneva, sans-serif" size="3">document.the_image.src='button_d.gif';<br>
            </font></p>
          <p><font size="3">该句是说：“找到叫<font face="verdana, arial, geneva, sans serif">'<tt>the_image</tt>'</font>的图片并将其<font face="verdana, arial, geneva, sans serif"><tt>src</tt> 
            </font>变为<br>
            <font face="verdana, arial, geneva, sans serif"><tt>button_d.gif</tt>.&quot; 
            </font>注意整个语句使用双引号，而<font face="verdana, arial, geneva, sans serif">'button_d.gif' 
            </font><br>
            使用单引号。尽管二者可互换，但注意如果一组引号存在于另<br>
            一组引号之中，别搞混了。你可写成<font face="verdana, arial, geneva, sans serif">&quot; 
            'something' &quot;</font><br>
            或<font face="verdana, arial, geneva, sans serif">' &quot;something&quot; 
            ' </font>，但不可写成：<font face="verdana, arial, geneva, sans serif">&quot; 
            'something&quot; ' or &quot;<br>
            &quot;something&quot; &quot;.</font>明白了吗？</font></p>
          <p><font size="3">正如我没告诉你许多<font face="verdana, arial, geneva, sans serif"><tt>document.writeln()</tt> 
            </font>工作细节一样，本<br>
            例我也没有告诉图片交换的工作原理。你将在下一讲关于“目<br>
            标导向编程”及“文件目标模块”中详述。</font></p>
          <p><font size="3">请注意！要交换的图片须和原图片尺寸一样！否则，它变形。</font></p>
          <p><font size="3">现在，该作今天的家庭作业了。</font></p>
          <p align="left"><font face="宋体" size="3" color="#000000"><strong>JavaScript教程</strong></font><font color="#FF0000" face="宋体" size="3"><br>
            </font><font face="宋体" size="3"><font color="#FF0000">第一页</font>：<a href="day2_1.html">第二天课程简介</a><br>
            <font color="#FF0000">第二页</font>：<a href="day2_2.html">变量介绍</a><br>
            <font color="#FF0000">第三页</font>：<a href="day2_3.html">首个变量例子的程序主体</a><br>
            <font color="#FF0000">第四页</font>：<a href="day2_4.html">字符串的魔力<br>
            </a><font color="#FF0000">第五页</font>：<a href="day2_5.html">变量练习</a><a href="day2_4.html"> 
            </a></font><font face="宋体" size="3"><br>
            <font color="#FF0000">第</font><font face="宋体" size="3"><font color="#FF0000">六</font></font><font color="#FF0000">页</font>：<a href="day2_6.html">if-then子句</a><br>
            <font color="#FF0000">第</font><font face="宋体" size="3"><font color="#FF0000">七</font></font><font color="#FF0000">页</font>：<a href="day2_7.html">if-then语句的例子</a> 
            <br>
            <font color="#FF0000">第八页</font>：<a href="day2_9.html">链结事件</a><br>
            <font color="#FF0000">第</font><font face="宋体" size="3"><font color="#FF0000">九</font></font><font color="#FF0000">页</font>：图片交换<br>
            <font color="#FF0000">第十页</font>：<a href="day2_12.html">复习</a><br>
            </font></p>
          <p align="left"><font face="宋体" size="3">[<a href="index.html">第1课</a>][第2课][<a href="day3_1.html">第3课</a>][<a href="day4_1.html">第4课</a>][<a href="day5_1.html">第5课</a>]</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>
上一页 12
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -