JavaScript中控制显示文字的位置，可以通过设置div布局的横纵坐标，如下代码：
<!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>
<script language="javascript">
function creadiv(l,r,t){ //l是距左的距离,r是距右的距离,t是要显示的文本内容
var dd=document.createElement("div")
dd.style.position="absolute"
dd.style.left=l+"px"
dd.style.right=r+"px"
dd.innerText=t
document.body.appendChild(dd)
}
</script>
</head>
<body>
<p><a href="#" onclick="creadiv(100,100,'Hello你好')">点一下我</a></p>
<p><a href="#" onclick="creadiv(400,500,'哈哈哈')">再点一下</a></p>
</body>
</html>
<span id="infoMsg"></span><input type=button value="你的热键按钮" onclick="changeMsg(1)"/>
<input type=button value="你的热键按钮" onclick="changeMsg(2)"/>
<input type=button value="你的热键按钮" onclick="changeMsg(3)"/>
<script>
function changeMsg(value){ //具体参数 你按你的需求来定
var Msg=""
if(value==1){
Msg="<font color='red'>这事1的相应信息 </font>" //相应信息 可以 将你的那些 HTML 放进去
}
if(value==2){
Msg="<font color='red'>这是2的相应信息</font>"
}
if(value==3){
Msg="<font color='red'>这是3的相应信息</font>"
}
document.all.infoMsg.innerHTML=Msg //给SPAN 赋值
}
</script>
