在线试用
微信扫码联系专属客服
安企神软件官网
首页
下载中心
客户列表
课程
关于安企神

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

2024-10-23

公司上网行为管理,就用安企神软件

立即咨询
SharePoint Designer2007怎么改变热点图热区颜色?网页的热点图想要在鼠标经过的时候改变热区颜色,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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

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改变热点图热区颜色的教程,希望大家喜欢,请继续关注脚本之家。

  • TAG: