HTML CSS：Iframes/动态问题答案

【问题标题】：HTML CSS: Iframes/Dynamic ProblemHTML CSS：Iframes/动态问题
【发布时间】：2010-10-07 08:41:08
【问题描述】：

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

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

这是我正在使用的示例。如果参数为 1，show 函数将框架设置为可见，如果为 0，则将框架设置为隐藏。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，也欢迎任何更好的方法替代我的方法:) 谢谢

【问题讨论】：

【解决方案1】：

我认为使用更现代的方法可以更好地执行您正在做的事情。

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

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

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

学习 AJAX

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

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

祝你好运！

【讨论】：