主题:请求帮助
springvirus [专家分:40] 发布于 2006-10-15 13:28:00
用javascript改变图像,document.images[0].src="另一个图像的完整地址";怎莫不行?谢谢了
回复列表 (共1个回复)
沙发
啊远 [专家分:2610] 发布于 2006-10-15 15:15:00
行是行! 但是要重新下载了!
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JScript">
var Imgs = new Array();
Imgs[0] = "http://www.lili.cc/girl/0/0001-a.jpg";
Imgs[1] = "http://www.lili.cc/girl/0/0002-a.jpg";
Imgs[2] = "http://www.lili.cc/girl/0/0003-a.jpg";
Imgs[3] = "http://www.lili.cc/girl/0/0004-a.jpg";
function ChangeImg(){
switch(event.srcElement.innerText){
case "Item 1":
document.all.ViewImg.src = Imgs[0];
break;
case "Item 2":
document.all.ViewImg.src = Imgs[1];
break;
case "Item 3":
document.all.ViewImg.src = Imgs[2];
break;
case "Item 4":
document.all.ViewImg.src = Imgs[3];
break;
}
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE BORDER="1" WIDTH="200" HEIGHT="100" ALIGN="CENTER">
<TR>
<TD WIDTH="40%" OnMouseOver="ChangeImg();">Item 1</TD>
<TD ROWSPAN="4"><IMG ID="ViewImg" SRC="" WIDTH="100%" HEIGHT="100%"/> </TD>
</TR>
<TR>
<TD OnMouseOver="ChangeImg();">Item 2</TD>
</TR>
<TR>
<TD OnMouseOver="ChangeImg();">Item 3</TD>
</TR>
<TR>
<TD OnMouseOver="ChangeImg();">Item 4</TD>
</TR>
</TABLE>
</BODY>
</HTML>
我来回复