<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script language="javascript">
var nowpic="1";
function changepic(clj,filename)
{
var pic=document.getElementById("imageField");
pic.src="Images/"+filename+".jpg";
//alert(clj.innerText);//innerHTML
pic.title=clj.innerText;pic.alt=clj.innerText;
nowpic=filename;
}
function noDown(pic,which)
{
//var pic=document.getElementById("imageField");
if(which==0)
{
pic.src="Images/hh.jpg";return;
}
pic.src="Images/"+nowpic+".jpg";
}
</script>
<body>
<p><a href="#" onclick="changepic(this,'1')">图片1</a></p>
<p><a href="#" onclick="changepic(this,'2')">图片2</a></p>
<p><a href="#" onclick="changepic(this,'3')">图片3</a></p>
<p><a href="#" onclick="changepic(this,'4')">图片4</a></p>
<p><a href="#" onclick="changepic(this,'5')">图片5</a></p>
<p>
<input type="image" name="imageField" id="imageField" src="Images/1.jpg" width="400" title="图片1" alt="图片1" onmouseover="noDown(this,0)" onmouseout="noDown(this,1)"/>
</p>
</body>
</html>
Powered by ddoss.cn 12.0
©2015 - 2024 ddoss
渝公网安备50011302222260号
渝ICP备2024035333号
【实验平台安全承诺书】
小绿叶技术社区，优化网络中，点击查看配置信息
您的IP:192.168.122.82,2024-10-10 18:45:37,Processed in 0.02668 second(s).
