Jquery+CSS3實現(xiàn)一款簡潔大氣帶滑動效果的彈出層
更新時間：2013年05月15日 17:46:36 作者：
此Jquery特效是一款Jquery+CSS3實現(xiàn)簡潔大氣帶滑動效果的彈出層，在消息提示、彈出層顯示內(nèi)容、彈出層登錄等，帶遮罩效果，感興趣的朋友可以參考下哈，希望可以幫助到你
此Jquery特效是一款Jquery+CSS3實現(xiàn)簡潔大氣帶滑動效果的彈出層，應(yīng)用范圍很廣泛，比如用在消息提示、彈出層顯示內(nèi)容、彈出層登錄等，帶遮罩效果，雖然沒有封裝成插件，但使用起來也非常簡單，寬度和高度直接調(diào)樣式。
包含了以下功能：
1、彈出層
2、帶關(guān)閉按鈕
3、遮罩層效果
4、從上向下滑動顯示
5、點(diǎn)擊層外面任何地方關(guān)閉
6、綁定控制按鈕
7、內(nèi)容過多自動顯示滾動條
如果不滿足大家的要求，自己可以二次開發(fā)哦
效果如下：
在線演示
包含了以下功能：
1、彈出層
2、帶關(guān)閉按鈕
3、遮罩層效果
4、從上向下滑動顯示
5、點(diǎn)擊層外面任何地方關(guān)閉
6、綁定控制按鈕
7、內(nèi)容過多自動顯示滾動條
如果不滿足大家的要求，自己可以二次開發(fā)哦
效果如下：
在線演示
您可能感興趣的文章:
- jQuery+CSS3+Html5實現(xiàn)彈出層效果實例代碼(附源碼下載)
- jQuery Dialog 彈出層對話框插件
- jQuery彈出層始終垂直居中相對于屏幕或當(dāng)前窗口
- jquery實現(xiàn)居中彈出層代碼
- JQuery彈出層示例可自定義
- jQuery+html5實現(xiàn)div彈出層并遮罩背景
- jQuery插件zoom實現(xiàn)圖片全屏放大彈出層特效
- JQUERY THICKBOX彈出層插件
- jQuery Mobile彈出窗、彈出層知識匯總
- jQuery點(diǎn)縮略圖彈出層顯示大圖片
- jQuery Layer彈出層傳值到父頁面的實現(xiàn)代碼
- jquery+css3實現(xiàn)的經(jīng)典彈出層效果示例
相關(guān)文章
這篇文章主要介紹了jQuery解析json格式數(shù)據(jù)的方法,結(jié)合實例分析了使用jQuery1.7.2版本的方法解析json格式數(shù)據(jù)的技巧,需要的朋友可以參考下2016-01-01
jQuery的Ajax時無響應(yīng)數(shù)據(jù)的解決方法
今天做項目時發(fā)現(xiàn)永遠(yuǎn)響應(yīng)的值都是該頁面的html代碼。2010-05-05
jQuery操作dom實現(xiàn)彈出頁面遮罩層(web端和移動端阻止遮罩層的滑動)
實現(xiàn)彈出遮罩層的方法有很多種，接下來本文給大家介紹通過jquery操作dom實現(xiàn)彈出頁面遮罩層以及web端和移動阻止遮罩層的滑動，對頁面彈出遮罩層的相關(guān)知識感興趣的朋友一起看看吧2016-08-08
jQuery如何定位到頁面具體位置，我們可以通過jQuery的aminate動畫方法定位，下面有個不粗的示例，感興趣的朋友可以參考下2013-12-12
jQuery plugin animsition使用小結(jié)
本文通過實例代碼給大家分享了jQuery plugin animsition用法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-09-09
jquery刷新頁面的實現(xiàn)代碼（局部及全頁面刷新）
jquery刷新頁面的實現(xiàn)代碼（局部及全頁面刷新） ，需要的朋友可以參考下。2011-07-07
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)簡單的彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
本文給大家分享一段超簡單的代碼基于jquery實現(xiàn)倒計時功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的的朋友參考下2017-02-02
這篇文章主要介紹了jquery實現(xiàn)文字上下滾動效果。文字上下滾動循環(huán)顯示也是一種非常常見而且非常容易實現(xiàn)的文字特效。這是一種現(xiàn)在比較流行用的效果,用法很簡單。2016-10-10
jQuery mobile類庫使用時加載導(dǎo)航歷史的方法簡介
這篇文章主要介紹了jQuery mobile開發(fā)中加載導(dǎo)航歷史的方法,jQuery mobile是jQuery針對移動設(shè)備開發(fā)的JavaScript庫,需要的朋友可以參考下2015-12-12