电脑教程
位置:首页>> 电脑教程>> office教程>> SharePoint Designer2007怎么改变热点图热区颜色?

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

  发布时间:2023-08-25 12:19:29 

标签:Designer,热区颜色

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是SharePoint Designer2007改变热点图热区颜色的教程,希望大家喜欢

0
投稿

猜你喜欢

手机版 电脑教程 asp之家 www.aspxhome.com