热点图热区颜色如何改变

当鼠标放置到热点区，图片颜色主动变换，可以用两张图片切换的体例，实现这一结果，如何在网页中实现这一动作呢？小编与大师分享变色经验。

工具/原料

• Microsoft Office SharePoint Designer 2007

方式/步骤

1. 1

   电脑桌面上双击图标，打开软件。

   
2. 2

   选择文件---->打开网站，打开一个已有的网站。

   
3. 3

   将需插入热点的区域建造为一张图片，如下图所示。

   
4. 4

   选择东西栏中的热点东西，绘制热点区域。

   
5. 5

   代码窗口中，输入热点区域代码。

   
6. 6

   代码中，需设置图片的id。

   
7. 7

   onMouseOver和onMouseOut，别离实现鼠标的移入和移出。

   
8. 8

   最后，界说两个函数，实现图片的切换。

   
9. 9

   此中文件p1为切换前的图片，p2为切换后的图片。

   
10. 10

    测试网页，当鼠标滑到热点区域时，该区域颜色主动改变。