Question

我有主jsp页面，其中有两个iframe 第一个iframe加载菜单（即leftFrame）＆amp;其他根据菜单加载动态页面。（即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>

enter image description here Spinner.gif

剧本是什么。

提前致谢

Answer 1

如果您想为IFrame添加进度指示器，可以通过在Iframe顶部放置透明的CSS叠加层并在叠加层顶部渲染加载指示符来实现。

Answer 2

你可以通过jquery的.ready函数来完成它。您所要做的就是在iFrame顶部放置一个透明分区，并将图像放在中心。当iFrame准备就绪时淡出分区。

我为此做了一个演示。请参阅DEMO HERE。

不完美的设计，但你会明白这一点。

iframe中的进度条

2 个答案: