0

我有一个主要的jsp页面,它有两个iframe,其中第一个iframe加载菜单(即leftFrame)和其他根据菜单加载动态页面。(即 mainFrame) 我的问题是在第二个 iframe 中加载任何页面时,我必须显示微调器(进度条)。我如何在 jquery 中对其进行编码。

这是代码

<body>
  <table>
<tr>
    <td style="height:100%"><iframe name="leftFrame" id="leftFrame" src="leftnavigation.jsp" height="600" width="200" frameborder="0"></iframe></td>

    <td style="height:100%"><iframe name="mainFrame" id="mainFrame" src="news.jsp"  height="600" width="1000" frameborder="0" scrolling="auto"> </iframe></td>

</tr>   

</table>
</body>

在此处输入图像描述微调器.gif

会是什么剧本。

提前致谢

4

2 回答 2

2

If you would like to add a progress indicator for your IFrame you can achieve it by putting a transparant CSS overlay on top of the Iframe and rendering the loading indicator on top of the overlay.

于 2012-09-03T08:41:18.750 回答
0

你可以通过.readyjquery的功能来做到这一点。您所要做的就是在 iFrame 顶部放置一个透明分区,让您在中心加载图像。并在 iFrame 准备好时淡出分割。

我为此做了一个演示。在此处查看演示

不是完美的设计,但你会明白的。

于 2012-09-03T09:21:39.680 回答