在Web開發中,經常會用到遮罩層來實現彈窗的功能。jQuery提供了一個插件,可以非常方便地實現遮罩層的顯示和隱藏,本文將介紹如何使用jQuery實現遮罩層馬上消失。
$(document).ready(function() { // 顯示遮罩層 $("#mask").show(); // 隱藏遮罩層 setTimeout(function() { $("#mask").hide(); }, 3000); });
上面的代碼首先選擇了一個id為“mask”的元素來實現遮罩層的顯示和隱藏。在頁面加載完成后,使用jQuery的show()函數來顯示遮罩層。接著使用setTimeout()函數來延遲3秒后執行隱藏遮罩層的操作。在setTimeout()函數中,首先傳入一個函數表示要執行的操作,而第二個參數表示等待的時間,單位為毫秒。
因此,以上代碼可以在頁面加載后立刻顯示遮罩層,然后在3秒后遮罩層馬上消失。
上一篇jquery遮罩層鎖屁