热点图热区颜色如何改变

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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变



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

热点图热区颜色如何改变




以上内容就是热点图热区颜色如何改变的内容啦 , 希望对你有所帮助哦!

    猜你喜欢