第十页：图片交换

点击数：

JavaScripts的一个主要应用是其具有使你移动鼠标时图片自动 切换功能。不幸的是，微软的IE3.0不支持这种应用。用户最好 立即更新到IE4.0或改用Netscape 3.0。

这里是一个快捷的基本的图片交换例子。

让我们一步布的剖析这个例子，

第一行是：

<img src="button_r.gif" name="the_image">

这就象一个标准的 <img src= > 标签，只是它被给了一个名字：the_image， 名字是任意取的：my_image, a_box......
但不许有任何空格在里面。

下一行是：

<a href="#" onMouseOver="document.
the_image.src='button_d.gif';">
change</a>

这是图片交换发生的地方。就象你以前见到的onMouseOver。 出现在onMouseOver的引号中JavaScript主要之处是：

document.the_image.src='button_d.gif';

该句是说：“找到叫'the_image'的图片并将其src 变为 button_d.gif." 注意整个语句使用双引号，而'button_d.gif' 使用单引号。尽管二者可互换，但注意如果一组引号存在于另 一组引号之中，别搞混了。你可写成" 'something' " 或' "something" ' ，但不可写成：" 'something" ' or " "something" ".明白了吗？

正如我没告诉你许多document.writeln() 工作细节一样，本例我也没有告诉图片交换的工作原理。你将在下一讲关于“目标导向编程”及“文件目标模块”中详述。

请注意！要交换的图片须和原图片尺寸一样！否则，它变形。

现在，该作今天的家庭作业了。

JavaScript教程
第一页：第二天课程简介
第二页：变量介绍
第三页：首个变量例子的程序主体
第四页：字符串的魔力
第五页：变量练习
第六页：if-then子句
第七页：if-then语句的例子
第八页：if-then练习
第九页：链接事件
第十页：图片交换
第十一页：练习2
第十二页：复习

[第1课][第2课][第3课][第4课][第5课]