📄 day2_10.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>
</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"><strong><small><small><br>
</small></small><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"><img src="button_r.gif" name="the_image">
</font></font></pre>
</blockquote>
<p><font size="3">这就象一个标准的 <font face="verdana, arial, geneva, sans serif"><tt><img
src= ></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"><a href="#"
onMouseOver="document.the_image.<br>
src='button_d.gif';">change</a><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>." </font>注意整个语句使用双引号，而<font
face="verdana, arial, geneva, sans serif">'button_d.gif' </font><br>
使用单引号。尽管二者可互换，但注意如果一组引号存在于另<br>
一组引号之中，别搞混了。你可写成<font
face="verdana, arial, geneva, sans serif">" 'something' "</font><br>
或<font face="verdana, arial, geneva, sans serif">' "something" ' </font>，但不可写成：<font
face="verdana, arial, geneva, sans serif">" 'something" ' or "<br>
"something" ".</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">现在，该作今天的<a href="day2_11.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_11.html">家庭作业了</a>。</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_10.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_10.html">第二天课程简介</a><br>
<font color="#FF0000">第二页</font>：<a href="day2_2.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_2.html">变量介绍</a><br>
<font color="#FF0000">第三页</font>：<a href="day2_3.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_3.html">首个变量例子的程序主体</a><br>
<font color="#FF0000">第四页</font>：<a href="day2_4.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_4.html">字符串的魔力</a><br>
<font color="#FF0000">第五页</font>：<a href="day2_5.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_5.html">变量练习</a><br>
<font color="#FF0000">第六页</font>：<a href="day2_6.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_6.html">if-then子句</a><br>
<font color="#FF0000">第七页</font>：<a href="day2_7.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_7.html">if-then语句的例子</a><br>
<font color="#FF0000">第八页</font>：<a href="day2_8.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_8.html">if-then练习</a><br>
<font color="#FF0000">第九页</font>：<a href="day2_9.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_9.html">链结事件</a><br>
<font color="#FF0000">第十页</font>：图片交换<br>
<font color="#FF0000">第十一页</font>：<a href="day2_11.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_11.html">练习2</a><br>
<font color="#FF0000">第十二页</font>：<a href="day2_12.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_12.html">复习</a></font></p>
<p align="left"><font face="宋体" size="3">[<a href="index.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/index.html">第1课</a>][第2课][<a
href="day3_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_1.html">第3课</a>][<a href="day4_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day4_1.html">第4课</a>][<a href="day5_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day5_1.html">第5课</a>]</font></p>
<hr align="left">
<p><font size="2">本文由<a href="javascript:if(confirm('http://chd.126.com/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://chd.126.com/'" tppabs="http://chd.126.com/" target="_blank">《</font><font
face="verdana, arial, geneva, sans-serif" size="2">CHD</font><font size="2">的网络教室》</a>根据<a
href="javascript:if(confirm('http://www.webmonkey.com.cn/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.webmonkey.com.cn/'" tppabs="http://www.webmonkey.com.cn/" target="_blank">《网猴》</a>相关文章改编，版权归<a
href="javascript:if(confirm('http://www.webmonkey.com.cn/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.webmonkey.com.cn/'" tppabs="http://www.webmonkey.com.cn/" target="_blank">《网猴》</a>所有</font></td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -