帶蒙版的提交loading頁面實現

2022-01-11 15:34:47 字數 1092 閱讀 7381

廢話不多說,直接上**。

首先是html中層的實現:

<

div

id="loadingdivback"

style

="display: none; position: absolute; top: 0; left: 0; width: 100%; op: 0; background: #eeeeee; opacity: 0.7; filter: alpha(opacity=30); z-index: 100;"

>

div>

<

div

id="loadingdiv"

style

="display: none; position: absolute; cursor1: wait; width: auto; height: 57px; line-height: 57px; padding-left: 50px; padding-right: 5px; z-index: 101; background: #fff url(/img/loading.gif) no-repeat scroll 5px 10px; border: 2px solid #95b8e7; color: #696969; font-family: \'microsoft yahei\'; "

>正在提交,請等待...

div>

裡面的各項引數可以自己調整,需要說明的是兩個層都是絕對位置,並且loadingdiv的z-index比蒙版層的要大。

下面是呼叫這個loading的js**:

function

showloading()

呼叫的時候通常是在點選某個submit的button的click事件裡面。例如:

$("#btn_submit").click(function

() {

//彈出模態loading層,讓其它按鈕不可用

showloading();

$.ajax({...

效果圖

ps蒙版的作用

蒙版是浮在圖層之上的一塊擋板,它本身不包含影象資料,只是對圖層的部分資料起遮擋作用,當對圖層進行操作處理時,被遮擋的資料將不會受影響。蒙板其實就是ps裡面的乙個層,最常見的是單色的層或有圖案的層,疊在原有的 層上面,就象是在一張 上面放一塊玻璃的道理一樣,單色的層就是單色玻璃,有圖案的層就是花紋玻璃...

HDOJ1005 連蒙帶猜的做法

暴力膜擬tle了 於是就猜到有個迴圈,反應過來可能可以用kmp演算法求連續的兩個相同的數字串,後來想想直接求解找乙個最小的迴圈週期更方便 然後直接在附上答案的陣列中取就好了 沒有用數學過程求解最小迴圈週期是多少,但是想想看開個 本部落格用來紀念oj小白的刷題記錄 附上ac include inclu...

Ajax提交帶檔案的表單

1.使用formdata 需要做特殊處理否則,後台收不到檔案引數 jquery版本要是2.0及以上 前端html js提交 var formdata new formdata document.getelementbyid importform 表單id ajax emergencyplantask...