当鼠标放置到热点区 , 图片颜色主动变换 , 可以用两张图片切换的体例 , 实现这一结果 , 如何在网页中实现这一动作呢?小编与大师分享变色经验 。

需要这些哦
Microsoft Office SharePoint Designer 2007
方式/
1【热点图热区颜色如何改变】电脑桌面上双击图标 , 打开软件 。

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

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

4选择东西栏中的热点东西 , 绘制热点区域 。

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

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

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

8最后 , 界说两个函数 , 实现图片的切换 。

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

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

以上内容就是热点图热区颜色如何改变的内容啦 , 希望对你有所帮助哦!
猜你喜欢
- 秦桑夏菊赤芍茶,江华毛尖
- 饮茶五益,金奖惠明茶
- 窑变天目茶碗,庐山产什么茶
- AutoCAD中如何对三维图形进行旋转
- 怎么把Word文档转换成图片格式
- 用格式工厂将图片格式转换成Webp的操作流程
- 百度地图实景导航怎么打开
- 铁观音茶叶如何保存好
- 怎样用ps把一个图片抠出一个圆形的图片
- 高德地图如何打车和开发票
