iframe中的進度條

我有兩個iframe主jsp頁面，其中第一個iframe加載菜單（即leftFrame） &其他加載動態頁面根據菜單。 （即mainFrame） 我的問題是，當加載任何頁面在第二iframe我必須顯示微調（進度條）。我如何在jquery中編寫它。iframe中的進度條

下面是代碼

<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

什麼是腳本。

在此先感謝

來源

2012-09-03 Rahul P

如果你想添加一個進度指示器爲您的IFrame，你可以通過戴上iframe的頂部TRANSPARANT CSS覆蓋和渲染上疊加的最上層的載指示器實現它。

來源

2012-09-03 08:41:18

你可以通過jQuery的.ready函數來做到這一點。所有你需要做的就是在你的iFrame上放置一個透明的分區，然後在中間加載圖像。並在iFrame準備就緒時淡出分區。

我爲此做了一個演示。見DEMO HERE。

不完美的設計，但你會明白。

來源

2012-09-03 09:21:39 ygssoni

試過這個我的iframe仍在加載 – shorif2000

iframe中的進度條

回答

相關問題