手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

热点图热区颜色如何改变

时间:2024-10-27 01:06:50

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变

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

热点图热区颜色如何改变
© 手抄报圈