jQuery iOSOverlay 是一款可以在頁面中添加 iOS 風格的遮罩層的插件。這個插件非常容易使用，可以幫助您在網頁中添加漂亮的遮罩層，提高用戶體驗。

使用 jQuery iOSOverlay 插件，您可以很容易地為頁面添加遮罩層，并在遮罩層上添加文本、圖片、按鈕等元素。這個插件還允許您自定義遮罩層的樣式和行為，以適應您的具體需求。

<!-- 引入 jQuery 庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- 引入 iOSOverlay 插件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-ios-overlay/1.0.9/jquery.ios-overlay.min.js"></script>
<script>
$(document).ready(function(){
// 添加遮罩層
$.ui.blockUI(0.5);
// 在遮罩層上添加文本和圖片
$.ui.showMask("Loading...", "https://example.com/loading.gif");
// 隱藏遮罩層
$.ui.unblockUI();
});
</script>

在上面的示例代碼中，我們先引入了 jQuery 庫和 iOSOverlay 插件，然后在文檔準備就緒時，調用了三個 iOSOverlay 插件的方法：

• $.ui.blockUI()：添加遮罩層，參數為遮罩層的不透明度。
• $.ui.showMask()：在遮罩層上添加文本和圖片，第一個參數為文本內容，第二個參數為圖片 URL。
• $.ui.unblockUI()：隱藏遮罩層。

如果您想更進一步了解 jQuery iOSOverlay 插件的更多功能和參數，可以參考官方文檔：https://github.com/dario-ramos/jquery-ios-overlay。