|
你一定看到很多网页使用了这样的技巧，当鼠标移到某一个链接上时，在页面的其它位置会出现一段对链接的解释性文字，请看下面演示：
源码粘贴框：
这样的效果我们采用JavaScript很容易就能实现，下面我们来具体做一下：
1、把介绍性文字或图片制作成几幅高宽相同的gif图，上面例子中我们制作了四幅图，分别作为默认的图片和三个介绍性的图片，分别命名为text0-text3,然后我们把默认的图片插入固定位置，并给此图象对象命名为TEXT0；
2、然后在三个链接的代码中添加onMouseOver()语句，这个语句的作用是，当鼠标移动到链接上面时，让程序控制出现什么响应；我们在如下图的位置加入这样的语句：
其中swap()是一个函数，在下一步中将要定义它，我们分别在“电脑交互教程”的链接中加入“onMouseOver="swap(1)"”，在“共享软件下载”的链接中加入“onMouseOver="swap(2)"”，在“硬件追踪”的链接中加入“onMouseOver="swap(3)"”；
3、在html文件的“<head>”中添加如下JavaScript语句：
好，做完以上的工作，我们在浏览器中就能看到如前面所示的效果了。提醒你的是并不是所有的浏览器都支持此效果，另外在你加入JavaScript语句的时候一定要注意区分大小写噢。你也可以利用此技巧的原理为网页增添其它的JnMouseOver响应效果。
|
