网页中当鼠标放置到热点区，图片颜色自动变换，可以用两张图片切换的方式，实现这一效果，今天我们就来看看Microsoft Office SharePoint Designer 2007实现这个功能的方法。
1、电脑桌面上双击图标，打开软件。
2、选择文件---->打开网站，打开一个已有的网站。
3、将需插入热点的区域制作为一张图片，如下图所示。
4、选择工具栏中的热点工具，绘制热点区域。
5、代码窗口中，输入热点区域代码。
6、代码中，需设置图片的id。
7、onMouseOver和onMouseOut，分别实现鼠标的移入和移出。
8、最后，定义两个函数，实现图片的切换。
9、其中文件p1为切换前的图片，p2为切换后的图片。
10、测试网页，当鼠标滑到热点区域时，该区域颜色自动改变。
