SharePoint Designer2007怎么改变热点图热区颜色?

网页中当鼠标放置到热点区,图片颜色自动变换,可以用两张图片切换的方式,实现这一效果,今天我们就来看看Microsoft Office SharePoint Designer 2007实现这个功能的方法。

软件名称:
SharePoint Designer 2007 官方简体中文版
软件大小:
460MB
更新时间:
2015-12-29

SharePoint Designer2007怎么改变热点图热区颜色?_第1张图片

1、电脑桌面上双击图标,打开软件。

SharePoint Designer2007怎么改变热点图热区颜色?_第2张图片

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

SharePoint Designer2007怎么改变热点图热区颜色?_第3张图片

3、将需插入热点的区域制作为一张图片,如下图所示。

SharePoint Designer2007怎么改变热点图热区颜色?_第4张图片

4、选择工具栏中的热点工具,绘制热点区域。

SharePoint Designer2007怎么改变热点图热区颜色?_第5张图片

5、代码窗口中,输入热点区域代码。

SharePoint Designer2007怎么改变热点图热区颜色?_第6张图片

6、代码中,需设置图片的id。

SharePoint Designer2007怎么改变热点图热区颜色?_第7张图片

7、onMouseOver和onMouseOut,分别实现鼠标的移入和移出。

SharePoint Designer2007怎么改变热点图热区颜色?_第8张图片

8、最后,定义两个函数,实现图片的切换。

SharePoint Designer2007怎么改变热点图热区颜色?_第9张图片

9、其中文件p1为切换前的图片,p2为切换后的图片。

SharePoint Designer2007怎么改变热点图热区颜色?_第10张图片

10、测试网页,当鼠标滑到热点区域时,该区域颜色自动改变。

SharePoint Designer2007怎么改变热点图热区颜色?_第11张图片

以上就是SharePoint Designer2007改变热点图热区颜色的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Designer2007怎么定位到背景图片的像素点?

你可能感兴趣的:(SharePoint Designer2007怎么改变热点图热区颜色?)