当鼠标放置到热点区,图片颜色主动变换,可以用两张图片切换的体例,实现这一结果,如何在网页中实现这一动作呢?小编与大师分享变色经验。
电脑桌面上双击图标,打开软件。
选择文件---->打开网站,打开一个已有的网站。
将需插入热点的区域建造为一张图片,如下图所示。
选择东西栏中的热点东西,绘制热点区域。
代码窗口中,输入热点区域代码。
代码中,需设置图片的id。
onMouseOver和onMouseOut,别离实现鼠标的移入和移出。
最后,界说两个函数,实现图片的切换。
此中文件p1为切换前的图片,p2为切换后的图片。
测试网页,当鼠标滑到热点区域时,该区域颜色主动改变。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!