<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>鼠标经过更换图片</title>
</head>
<body>
<img src="img/1.jpg" id="pic"/>
<script type="text/javascript">
pic.onmouseover=function() {
pic.src="img/2.jpg";<!--鼠标经过时的图片-->
}
pic.onmouseout=function(){
pic.src="img/1.jpg";<!--鼠标离开时的图片-->
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>鼠标经过更换图片</title>
</head>
<body>
<img src="img/1.jpg" id="pic"/>
<script type="text/javascript">
pic.onmouseover=function() {
pic.src="img/2.jpg";<!--鼠标经过时的图片-->
}
pic.onmouseout=function(){
pic.src="img/1.jpg";<!--鼠标离开时的图片-->
}
</script>
</body>
</html>