Javascript HTML CSS:Iframes/动态问题

我在创建一个实验性的“动态”风格的网站时遇到了一些困难。该网站的设置如下。用户有一个链接菜单可供选择，特别是使用图像地图。当鼠标悬停在选定区域上时，会弹出一个iframe（变得可见），显示一些数据。当用户移除鼠标时，iframe将消失，直到用户将鼠标悬停在另一个链接上

--它似乎运行良好，但只是间歇性地。有时，在离开其中一个锚点后，即使我将鼠标悬停在另一个链接上，syle、text等仍会占据帧。这种行为似乎是相当随机的，但必须有办法解决它

下面是我正在使用的示例。如果参数为1，则show函数将帧设置为可见；如果参数为0，则将帧设置为隐藏。frameset将主框架设置为所需的html文档。在离开链接尝试修复它之后，我尝试实现重置以将帧设置为空白，但问题仍然存在

<area shape="circle" coords="..." href="..." onmouseover="Show('frame', 1);
frameset('page.html');" onmouseout="Show('frame', 0); reset();" />

这是一个很难描述的问题，所以如果需要更多的信息或代码，请告诉我。考虑到我的javascript不够流利，我也欢迎任何更好的替代方法：）

---

谢谢你

我认为，如果采用更现代的方法，你所做的事情可以做得更好

图像地图可能有绝对定位的块级锚定标记。。但这似乎不是问题所在

我建议不要使用iframe，而是使用AJAX来获取信息，并使用jQuery之类的框架来帮助您显示数据

您可以加载AJAX并在鼠标上方显示带有加载按钮（）的框，并在div内将数据解析为可视格式

学习AJAX AJAX是指页面向服务器发出http请求，并且还可以返回数据，然后与Javascript一起使用以更新DOM

jQuery是一个Javascript框架，旨在抽象出特定于浏览器的代码和不一致性，让使用Javascript获得更好的体验

退房

---

祝你好运

非常感谢您的推荐，我对AJAX没有太多经验，不过我想现在是开始的好时机。学习新技术总是好的。就学习曲线而言，需要多长时间才能达到我想要的目标。正确地学习它需要一点时间。我将在我的回答中再补充一些。

function frameset(a)
{
  document.all.frame.src=a;
}

function reset()
{
  document.all.frame.src=blank.html;
}