onmouseover和onmouseout鼠标进出切换画面的几种实现方法

本文向您介绍onmouseover和onmouseout鼠标移入和移出切换图片的几种实现方法。它具有一定的参考价值。有需要的朋友可以参考一下。希望对您有帮助。

鼠标进入和退出图片切换非常普遍，接下来我们来谈谈其实现方法：

第一个方法，也是最简单的方法，可以在html中实现

首先默认图片，然后将图片写进图片中。

第二种方法，js替换

function mouseOver() {
	document.image1.src = "img/HBuilder.png"
}
function mouseOut() {
	document.image1.src = "img/dongtai.png"
}

写出方法替换js中的图片并用html调用。

如果您不需要onmouseover和onmouseout，也可以这样写

.bg{background: url(img/HBuilder.png) no-repeat;height: 300px;}
.bg:hover{background: url(img/dongtai.png) no-repeat;}

这三种方法可以实现将鼠标移入和移出图片的效果。很简单吗？你可以试试看！

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-313987-1.html