大侠看下我的这段代码:
function writeText(txt,text)
{
document.getElementById("desc").value=txt
switch(text)
{
case "01":
document.getElementById("IMGAreal").src="images/01.jpg"
break
case "02":
document.getElementById("IMGAreal").src="images/02.jpg"
break
case "03":
document.getElementById("IMGAreal").src="images/03.jpg"
break
case "04":
document.getElementById("IMGAreal").src="images/04.jpg"
break
case "05":
document.getElementById("IMGAreal").src="images/05.jpg"
break
case "06":
document.getElementById("IMGAreal").src="images/06.jpg"
break
default:
document.write("选中区域为无效区!")
}
}
function OpenNewWindow(url,name){
top.open(url,name);
return false;
}
<map id="map">
<area shape ="circle" coords ="225,568,20" alt="***" onfocus="blur(this);" id="01" onmouseover="writeText('*****',id)"/>
<asp:TextBox ID="desc" runat="server" Height="234px" Width="266px" BackColor="White" >
这就是定义了一个热点,在鼠标移动接触热点的时候侧面有一个TextBox就可以显示不同的文字介绍。
但是这个在IE里面好用,在Firefox内不好用,大虾们帮忙看看吧~~
function writeText(txt,text)
{
document.getElementById("desc").value=txt
switch(text)
{
case "01":
document.getElementById("IMGAreal").src="images/01.jpg"
break
case "02":
document.getElementById("IMGAreal").src="images/02.jpg"
break
case "03":
document.getElementById("IMGAreal").src="images/03.jpg"
break
case "04":
document.getElementById("IMGAreal").src="images/04.jpg"
break
case "05":
document.getElementById("IMGAreal").src="images/05.jpg"
break
case "06":
document.getElementById("IMGAreal").src="images/06.jpg"
break
default:
document.write("选中区域为无效区!")
}
}
function OpenNewWindow(url,name){
top.open(url,name);
return false;
}
<map id="map">
<area shape ="circle" coords ="225,568,20" alt="***" onfocus="blur(this);" id="01" onmouseover="writeText('*****',id)"/>
<asp:TextBox ID="desc" runat="server" Height="234px" Width="266px" BackColor="White" >
这就是定义了一个热点,在鼠标移动接触热点的时候侧面有一个TextBox就可以显示不同的文字介绍。
但是这个在IE里面好用,在Firefox内不好用,大虾们帮忙看看吧~~
onmouseover="writeText('*****','xxxxxx')"
<!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=gb2312" />
<title>无标题文档</title>
</head>
<body><script> function writeText(txt,text)
{
document.getElementById("desc").value=txt
}
</script>
<img src="http://avatar.profile.csdn.net/C/9/4/2_net_lover.jpg" width="800" height="500" usemap="#map">
<map name="map">
<area shape="circle" COORDS="0,100,400" alt="***" onmouseover="writeText('*****','id')" />
</map>
<input id=desc value=xx>
</body>
</html>
如果不用引号js会认为id是一个变量或是一个对象,所以要传入id是字符串用引号
onmouseover="writeText('*****',this.id)"