當前位置:吉日网官网 - 盛世收藏 - html5是如何實現彈出提示框的,伴隨著遮罩層,可以關閉彈出框?

html5是如何實現彈出提示框的,伴隨著遮罩層,可以關閉彈出框?

通過聯合使用jquery的show()和hide()函數,實現了彈出窗口。

壹、show()和hide()函數分析:

1和show()方法顯示隱藏的選定元素。

註意:show()適用於CSS中被jQuery方法和display:none隱藏的元素(不適用於被visibility:hidden隱藏的元素)。

2.hide()方法隱藏選定的元素。

這類似於CSS屬性display:none,但是隱藏的元素不會完全顯示(不再影響頁面的布局)。

其次,設計壹個HTML頁面,包括壹個簡單的彈出窗口和壹個顯示按鈕。其中調用了jquery的上述兩個函數。具體代碼如下:

第三,設計遮罩層的樣式,如下所示:

四、彈出窗口的css樣式,代碼如下:

動詞 (verb的縮寫)初始頁面如下所示:

六、點擊按鈕查看彈出窗口結果:

七、關閉彈出窗口後,打開開發者中心,如下:

  • 上一篇:海鮮大禮包多少錢?
  • 下一篇:如何進入星際裝甲木星的密室
  • copyright 2024吉日网官网