⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 day4_4.html

📁 JAVASCRIPT 高级编程
💻 HTML
📖 第 1 页 / 共 2 页
字号:
🔍
12 
    <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 size="3">预装图象 - 怎么做?<br>
      </font></strong> 
      <table width="451">
        <tr> 
          <td width="447"><font size="3">预装入图象其实并不困难。你要做的就是创建一个新的<font face="verdana, arial">image</font><br>
            对象，然后把要预装的图象名设定成<font face="verdana, arial">image</font>的<font face="verdana, arial">src</font>属性，如下<br>
            所示：<font face="verdana, arial"> 
            <blockquote> 
              <pre>var an_image = new Image();
an_image.src = &quot;my_nice_image.gif&quot;;</pre>
            </blockquote>
            </font> 
            <p><font face="verdana, arial"></font>通过设置<font face="verdana, arial">image</font>的<font face="verdana, arial">src</font>属性就可以自动地把图象下载到你的硬<br>
              盘里（当然假设你的<font face="verdana, arial">cache</font>可以用），然后图象变换时就从<br>
              硬盘直接读入图象而不用再去下载了。 </p>
            <p> <font face="verdana, arial"></font>试着把鼠标放在下面的几个链接上，图象变换应该相当快捷<br>
              和令人满意的。</p>
            <p> <font face="verdana, arial"></font><img src="mattmarg.jpg" name="image_one" width="101" height="133"><br>
              <font face="verdana, arial"><a href="#" onMouseOver="image_one.src='kwmatt.jpg';">1...</a><br>
              <a href="#" onMouseOver="image_one.src='matbon.jpg';">2...</a><br>
              <a href="#" onMouseOver="image_one.src='lunchMat.jpg';">3...</a></font></p>
            </font> 
            <p><font size="3"> <font face="verdana, arial"></font>剩下要做的唯一一件事就是，怎样在页面被下载以后和图象<br>
              变换操作之前使预装图象发生。让人愉快的是这很简单。<font face="verdana, arial">HTML</font><br>
              中的<font face="verdana, arial">body</font>标记有一个事件处理器叫</font><font face="verdana, arial" size="3"><tt>onLoad</tt></font><font size="3">，当页面被调入后<br>
              它将被调用。如果你的<font face="verdana, arial">body</font>标记是这样的：</font></p>
            <font size="3"> 
            <blockquote> 
              <pre>
          <font face="verdana, arial"></font>
<font face="verdana, arial">&lt;body onLoad=&quot;doPreload();&quot;&gt;
</font></pre>
            </blockquote>
            <p> <font face="verdana, arial"></font>那么<font face="verdana, arial"><tt>doPreload()</tt></font>函数将在网页下载后被调用。函数的代码是<br>
              这样的：
            </font></td>
        </tr>
      </table>
      <blockquote> 
                <pre><big>
</big>function doPreload()
{

	var the_images = new Array('kwmatt.jpg','matbon.jp<br>g','lunchMat.jpg');
	preloadImages(the_images);
}

function preloadImages(the_images_array) {

	for(loop = 0; loop &lt; the_images_array.length; loop++)
	{
   		var an_image = new Image();
		an_image.src = the_images_array[loop];
	}
}</pre>
      </blockquote>
      <table width="466">
        <tr> 
          <td width="462"><tt><font face="verdana, arial" size="3">doPreload()</font></tt><font size="3">函数创建了需要预装的图象名的数组，并把数组<br>
            作为参数传送到<font face="verdana, arial"><tt>preloadImages()</tt></font>函数<font face="verdana, arial">, 
            <tt>preloadImages()</tt></font>函数包<br>
            含了一个循环，每次循环都创建一个新的图象对象，并把图象<br>
            名设到它的<font face="verdana, arial">src</font>属性中。 
            <p><font face="verdana, arial"></font>不很难吧？图象对象相当有用对吧？我很高兴你这样想，休息<br>
              一会儿，马上我们就要进入一个更令人兴奋，更让人动脑筋的<br>
              话题：创建你自己的对象。<a href="day4_5.html">&gt;&gt;</a>
            </font></td>
        </tr>
      </table>
      <p align="left"><font face="宋体" size="3" color="#000000"><strong>JavaScript高级教程</strong></font><font color="#FF0000" face="宋体" size="3"><br>
        </font><font size="3"><font color="#FF3300">第一页</font> <a href="day4_1.html"><font face="verdana, arial, geneva, sans-serif">JavaScript</font>高级教程<font face="verdana, arial, geneva, sans-serif">- 
        </font>第<font face="verdana, arial, geneva, sans-serif">4</font>天</a> 
        <br>
        <font color="#FF3300">第二页 </font><a href="day4_2.html">图象映射与<font face="verdana, arial, geneva, sans-serif">JavaScript</font></a><font face="verdana, arial, geneva, sans-serif"><br>
        </font><font color="#FF3300">第三页 </font><a href="day4_3.html">预装图象 - 是什么<font face="verdana, arial, geneva, sans-serif">?</font></a><font face="verdana, arial, geneva, sans-serif"><br>
        </font><font color="#FF3300">第四页 </font>预装图象 - 怎么做?<font face="verdana, arial, geneva, sans-serif"><br>
        </font><font color="#FF3300">第五页 </font><a href="day4_5.html">对象的优点</a><br>
        <font color="#FF3300">第六页 </font><a href="day4_6.html">创建你自己的对象</a><br>
        <font color="#FF3300">第七页 </font><a href="day4_7.html">你的面向对象的虚拟宠物</a><br>
        <font color="#FF3300">第八页 </font><a href="day4_8.html">计算字符串</a><br>
        <font color="#FF3300">第九页 </font><a href="day4_9.html">获取难以索引的对象</a><br>
        <font color="#FF3300">第十页 </font><a href="day4_10.html">另一种获取难以索引的对象的手段</a><br>
        <font color="#FF3300">第十一页 </font><a href="day4_11.html">第四天课程复习</a></font></p>
      <p>[<a href="day1_1.html">第1课</a>][<a href="day2_1.html">第2课</a>][<a href="day3_1.html">第3课</a>][第4课][<a href="day5_1.html">第5课</a>]</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 + -