javascript实现两个图像的位置调换?

发布网友发布时间：2022-05-18 10:54

共1个回答

热心网友时间：2022-05-18 12:24

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>

<script language="javascript">
function change()
{
var img1=document.getElementById("1");
var img2=document.getElementById("2");
var src1=img1.src;
img1.src=img2.src;
img2.src=src1;
}
</script>
</head>
<body>
///////////////////////////////////////////////////////
<img id="1" src="imgs/login.gif" width="100" height="80">

//////////////////////////////////////////////////////
<img id="2" src="imgs/fruit.jpg" width="100" height="80">

<input type="button" value="交换位置" onclick="change()">

</body>
</html>

将src 换成你的图像地址就行了，然后直接运行。