Question

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

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

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

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

功能

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

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

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

Answer 1

我认为通过使用更现代的方法可以更好地完成您的工作。

图像映射可以有绝对定位的块级锚标签..但这似乎不是问题。

我建议使用AJAX来获取信息，而不是使用iframe，以及像jQuery这样的框架来帮助您显示数据。

您可以加载AJAX并在鼠标悬停时显示带有加载throbber（http://www.ajaxload.info）的框，并将数据解析为div中的可查看格式。

学习AJAX

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

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

祝你好运!!