社群 學習 工具庫 休閒
搜尋
繁体中文
首頁 > web前端 > js教程 > Jquery CSS3實現一款簡潔大氣帶滑動效果的彈出層_jquery

Jquery CSS3實現一款簡潔大氣帶滑動效果的彈出層_jquery

WBOY
發布： 2016-05-16 17:33:48
原創
792 人瀏覽過

此Jquery特效是一款Jquery CSS3實現簡潔大氣帶滑動效果的彈出層，應用範圍很廣泛，例如用在訊息提示、彈出層顯示內容、彈出層登入等，帶有遮罩效果，雖然沒有封裝成插件，但使用起來也非常簡單，寬度和高度直接調樣式。

包含了以下功能：
1、彈出層
2、帶關閉按鈕
3、遮罩層效果
4、從上向下滑動顯示
5、點擊層外面任何地方關閉
6、綁定控制按鈕
7、內容過多自動顯示滾動條

如果不滿足大家的要求，自己可以二次開發哦

效果如下：
Jquery CSS3實現一款簡潔大氣帶滑動效果的彈出層_jquery
線上示範

相關標籤：
彈出層 滑動
來源：php.cn
上一篇：解析使用js判斷只能輸入數字、字母等驗證的方法(總結)_javascript技巧 下一篇：使用js檢測瀏覽器的實作程式碼_基礎知識
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
PX自動轉換為REM錯誤 <style>html {   字體大小：calc(100vw / 3.75); }body {    字體大小：0.16rem； }</style><...
來自於 2024-04-16 09:34:16
0
0
4687
透過新增 Width 屬性將內容向左移動 我已經為主體提供了邊距。主要{左邊緣：200px;右邊距：200px；文本對齊：居中}由於我想以兩行而不是一行顯示文本，因此我在樣式中添加了width屬性。 .p{字體大小：12p...
來自於 2024-04-06 22:01:35
0
3
816
頁面突然無法拉動 css 或 bootstrap 所以我正在開發一個頁面，我昨天做了一部分，效果很好，今天我繼續做剩下的部分，一切都很好。當我嘗試將其作為普通html頁面打開時，CSS或BOOTSTRAP不起作用，僅顯示頁面文本，...
來自於 2024-04-06 21:58:04
0
1
800
動態修改Javafx中的內嵌CSS樣式 我試圖在應用程式最大化時更改窗格的背景圖像。我的背景是使用內嵌css設定的。我為樣式設定了兩個不同的變數和一個if語句。但是，我沒有運氣讓它改變樣式。 StringcssStyle...
來自於 2024-04-06 20:57:16
0
1
487
如何在 CSS 中使浮動元素垂直堆疊而不是水平堆疊？ 我正在嘗試製作一個包含兩列的網頁，一側具有主要內容，另一側具有額外的內容。但是因為我使用浮動屬性將額外的列向左對齊，所以它水平堆疊，但我希望它垂直堆疊。我目前的程式碼：.topic...
來自於 2024-04-06 20:45:26
0
2
386
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板