1.对于页面上的一幅图片,鼠标悬停在图片上时切换成另一幅图,鼠标离开时,还原成原来的图片。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>7-1</title>
</head>
<body>
<center>
<img src = "img/1.jpg" name = pic border = 1 width="550" height = 350 />
</p>
<img src= "img/2.jpg" border= "0" width="150" height="75" align="middle"
onmouseover="document.pic.src = 'img/2.jpg'" onmouseout="document.pic.src = 'img/1.jpg'"/>
</center>
</body>
</html>
2.实现在页面上的一幅图片,能够跟随鼠标移动
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>7-2</title>
<style>
img{
position: absolute;