網頁中當鼠標放置到熱點區，圖片顏色自動變換，可以用兩張圖片切換的方式，實現這一效果，今天我們就來看看Microsoft Office SharePoint Designer 2007實現這個功能的方法。

1、電腦桌面上雙擊圖標，打開軟件。

2、選擇文件---->打開網站，打開一個已有的網站。

3、將需插入熱點的區域制作為一張圖片，如下圖所示。

4、選擇工具欄中的熱點工具，繪制熱點區域。

5、代碼窗口中，輸入熱點區域代碼。

6、代碼中，需設置圖片的id。

7、onMouseOver和onMouseOut，分別實現鼠標的移入和移出。

8、最后，定義兩個函數，實現圖片的切換。

9、其中文件p1為切換前的圖片，p2為切換后的圖片。

10、測試網頁，當鼠標滑到熱點區域時，該區域顏色自動改變。

以上就是SharePoint Designer2007改變熱點圖熱區顏色的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

Designer2007怎么定位到背景圖片的像素點?