使用jQuery覆蓋進度條

我想要顯示一個「疊加」頁面的進度條，在運行時禁用其他動作，有點像alert（除非你不能通過點擊任何東西而退出）。在jQuery中做這件事的快速方法是什麼？使用jQuery覆蓋進度條

我已經被拍攝out--動畫進度條。只需要一種正確覆蓋它的方法。

2011-06-05 babonk

您可以輕鬆地實現自己的疊加。

#overlay { 
    background-color: black; 
    position: fixed; 
    top: 0; right: 0; bottom: 0; left: 0; 
    opacity: 0.2; /* also -moz-opacity, etc. */ 
    z-index: 10; 
}

然後顯示<div id="overlay"><img src="/path/to/your/image"/></div>當你的頁面加載，或當你想顯示它。

來源

2011-06-05 01:27:15

這將防止用戶做其他的事情，而它的顯示？ – babonk 2011-06-05 01:37:25

它會的。它顯示覆蓋整個頁面的'div'。確保沒有你想要覆蓋的具有更高'z-index'的東西。而且，這隻會阻止用戶點擊被遮蓋的物品，因此不能用作安全措施。 – 2011-06-05 01:46:46

你已經採取了看看qTip？這是我們使用它的原因。

來源

2011-06-05 01:12:58

我覺得jQuery UI的Modal是你在找什麼。它覆蓋屏幕的其餘部分，直到用戶解除對話。您可以在對話框裏添加您的進度條本身或添加jQuery UI的progress bar爲好，如果你發現工作得更好。這也有很多選擇，你可能會發現得心應手。

如果您希望這是一個真正的「不能做任何事情，直到完成」類型的對話框，那麼您還可以使用this solution取出關閉的「X」。

來源

2011-06-05 03:02:36 eksith

使用jQuery覆蓋進度條

回答

相關問題