📄 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://sun150-2.fimmu.edu.cn/doing/js1/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://sun150-2.fimmu.edu.cn/doing/js1/day2_10.html">第二天课程简介</a><br> <font color="#FF0000">第二页</font>：<a href="day2_2.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_2.html">变量介绍</a><br> <font color="#FF0000">第三页</font>：<a href="day2_3.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_3.html">首个变量例子的程序主体</a><br> <font color="#FF0000">第四页</font>：<a href="day2_4.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_4.html">字符串的魔力</a><br> <font color="#FF0000">第五页</font>：<a href="day2_5.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_5.html">变量练习</a><br> <font color="#FF0000">第六页</font>：<a href="day2_6.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_6.html">if-then子句</a><br> <font color="#FF0000">第七页</font>：<a href="day2_7.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_7.html">if-then语句的例子</a><br> <font color="#FF0000">第八页</font>：<a href="day2_8.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_8.html">if-then练习</a><br> <font color="#FF0000">第九页</font>：<a href="day2_9.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_9.html">链结事件</a><br> <font color="#FF0000">第十页</font>：图片交换<br> <font color="#FF0000">第十一页</font>：<a href="day2_11.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_11.html">练习2</a><br> <font color="#FF0000">第十二页</font>：<a href="day2_12.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day2_12.html">复习</a></font></p> <p align="left"><font face="宋体" size="3">[<a href="index.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/index.html">第1课</a>][第2课][<a href="day3_1.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day3_1.html">第3课</a>][<a href="day4_1.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day4_1.html">第4课</a>][<a href="day5_1.html" tppabs="http://sun150-2.fimmu.edu.cn/doing/js1/day5_1.html">第5课</a>]</font></p> <hr align="left"> <p><font size="2">本文由<a href="javascript:if(confirm('http://chd.126.com/ \n\n文件并未依 Teleport Pro 取回，因为 它的域或路径超过开始网址中设置的范围。 \n\n你要从服务器上打开它吗？'))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\n文件并未依 Teleport Pro 取回，因为 它的域或路径超过开始网址中设置的范围。 \n\n你要从服务器上打开它吗？'))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\n文件并未依 Teleport Pro 取回，因为 它的域或路径超过开始网址中设置的范围。 \n\n你要从服务器上打开它吗？'))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 + -