【JQuery】BlockUI燈箱(LightBox)效果
使用JQuery前,需要引用Jquery元件及BlockUI元件 。 BlockUI燈箱與先前介紹的 FancyBox燈箱 功能效果是一樣的,但就擴充性應用來說,FancyBox燈箱略勝一籌,本人也比較偏愛使用,但為何要介紹呢? 因為工作上維護別人寫的系統,進而去了解熟悉BlockUI燈箱插件語法,詳細語法詳見 官網 。 ● 載入目前進度 HTML(參考): <!-- 載入目前進度 start --> <div id="maskprogress" class="maskprogress"> //此DIV 預設隱藏 display:none; <table style="text-align:center; width:35%; height:100%; vertical-align:middle"> <tr> <td style="height:45%"> </td> </tr> <tr> <td style="background-color:White; height:10%; vertical-align:middle; text-align: center;"> <asp:Image ID="img_load" runat="server" ImageUrl="~/images/ajax-loading.gif" /> //載入圖片 </td> ...