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