📄 day4_3.html
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312-80">
<style type="text/css">
<!--
a:link { color: blue; text-decoration: none}
a:visited { color: purple; text-decoration: none}
a:hover { color: #CC0033; text-decoration: underline}
-->
</style>
<title>JavaScript高级教程</title>
<script language="JavaScript">
<!-- hide me
// timedAlert
// this just calls a
function timedAlert()
{
var the_timeout = setTimeout("alertAndRedirect();", 3000);
}
function alertAndRedirect()
{
alert('OK! Exhale!');
window.location.replace("day3_2.html");
}
// show me -->
</script>
</head>
<body topmargin="1" leftmargin="2">
<table border="0" width="591" cellspacing="0">
<tr>
<td bgcolor="#ffff99" width="451">JavaScript高级教程 - 第四课</td>
</tr>
<tr>
<td bgcolor="#FF6600" width="451"><a href="mailto:thau@wired.com">Thau</a></td>
</tr>
</table>
<div align="left">
<table border="0" width="630" cellspacing="0">
<tr>
<td width="458" valign="top" align="left" rowspan="2"><small><small><br>
</small></small><strong>第三页：预装图象 - 是什么?</strong>
<p>使用JavaScript做图象变换的一个主要问题是，它直到需要换<br>
图时才去告诉浏览器下载那张图象。如果你有一张大的图象，<br>
想在鼠标滑过一副图象时调出来，浏览器得临时下载这张图，<br>
这可能会花一定时间从而使滑动效果大打折扣。想知道我在说<br>
什么，请把你的鼠标放到下面这张图象上： </p>
<p> <font face="verdana, arial, geneva, sans-serif"></font><a href="#" onMouseOver="document.image_one.src='matt_silver.jpg'; return false;" onMouseOut="document.image_one.src='matt_barney.jpg'; return false;"><img name="image_one" src="matt_barney.jpg" border="0" WIDTH="149" HEIGHT="206"></a>
</p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>如果你的连接速度较慢，而你要调入的是一个相当大的图象的<br>
话，那你把鼠标放到图上后只好去等待。由于有的浏览器要求<br>
被调入的图象必须保存在缓冲区里，所以有时你可能根本就看<br>
不到图象变换的效果。为了避免这些烦心的问题，我们可以把<br>
要变换的图象在页面调入时就预先装入。</p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>如果你不想深入了解它是如何工作的，你可以直接到网猴的<br>
<font face="verdana, arial, geneva, sans-serif">JavaScript</font>代码库去看看<font face="verdana, arial, geneva, sans-serif">Nadav</font>的可以直接使用的<a href="http://www.hotwired.com/webmonkey/javascript/code_library/wm_pl_img/_category=user_interface" target="_blank">图象预装器</a>。<br>
但知其然最好也能知其所以然，所以我建议你继续往下学习如<br>
何做图象预装。<a href="day4_4.html">>></a></p>
<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>预装图象 - 是什么<font face="verdana, arial, geneva, sans-serif">?<br>
</font><font color="#FF3300">第四页 </font><a href="day4_4.html">预装图象 -
怎么做?</a><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>
<hr align="left">
<!--webbot bot="Include" U-Include="../../copyright.html" TAG="BODY" startspan -->
<p><font face="verdana, arial, geneva, sans-serif" size="2"><a href="http://phtshop.yeah.net" target="_top">本文根据
网猴 相关文章改编，版权归原作者所有。</a> </font><font color="#000000"><span class="smallfont"></span></font></p>
<!--webbot bot="Include" endspan i-checksum="15926" --> </td>
</tr>
<tr> </tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -