请问这样的效果是如何实现的？

Question

<br><br>&nbsp; &nbsp; 
<a href="#" onmouseover="mm(this)" onmouseout="c()"> aaaa  </a>
<iframe frameborder=0 width=200 height=200 name=MzIframe id="MzIframe"
  style="display: none; position: absolute; z-index: 2"></iframe>
<SCRIPT LANGUAGE="JavaScript">
function getAbsPoint(e)
{
  var x = e.offsetLeft, y = e.offsetTop;
  while(e=e.offsetParent){x += e.offsetLeft; y += e.offsetTop;}
  return {"x": x, "y": y};
}
function mm(e)
{
  window.frames["MzIframe"].location.href = "http://community.csdn.net/Expert/topic/3820/3820249.xml?temp=.205456";
  var iframe = document.getElementById("MzIframe");
  var xy = getAbsPoint(e);
  iframe.style.top = xy.y + e.offsetHeight;
  iframe.style.left= xy.x;
  iframe.style.display = "";
}
function c()
{
  document.getElementById("MzIframe").style.display = "none";
}
</SCRIPT>

Answer 1

<SCRIPT LANGUAGE="JavaScript">
<!--
function cc()
{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.open("Get","http:\\获取数据.asp?参数",false);
xmlhttp.send();
var t = document.getElementById("tip");
t.style.display = "";
t.innerText = xmlhttp.responseText;}function dd()
{
var t = document.getElementById("tip");
t.style.display = "none";
}
//-->
</SCRIPT>
<div style="display:none;" id=tip></div>
<a href="#" onmouseover="cc()" onmouseout="dd()">aa</a>

Answer 2

www.btchina.net,每隔约10秒钟从数据读一次数据,读出数据后保存在javascript的某个数组中,然后鼠标移动上去时,就按照新数据来显示提示条.
很简单的

Answer 3

谢谢各位老大！还有一个问题：比如有一个中国地图，每个省做为热区，怎么做到鼠标移动到每个省的上面时，该省的图片高亮显示？<img src="chinamap.gif"  usemap="#Map">
<map name="Map">
<area shape="poly" onmouseover="mm(this)" coords="190,206,185,....." href="#">
</map>

Answer 4

得到sql的记录集后，循环画列表
<% for i=0 to xxx  %>  <a title="从数据库中拿到的需要显示的"  href="">aaaa </a><% next %>