Jquery+CSS3實(shí)現(xiàn)一款簡(jiǎn)潔大氣帶滑動(dòng)效果的彈出層

更新時(shí)間：2013年05月15日 17:46:36 作者：

此Jquery特效是一款Jquery+CSS3實(shí)現(xiàn)簡(jiǎn)潔大氣帶滑動(dòng)效果的彈出層，在消息提示、彈出層顯示內(nèi)容、彈出層登錄等，帶遮罩效果，感興趣的朋友可以參考下哈，希望可以幫助到你

此Jquery特效是一款Jquery+CSS3實(shí)現(xiàn)簡(jiǎn)潔大氣帶滑動(dòng)效果的彈出層，應(yīng)用范圍很廣泛，比如用在消息提示、彈出層顯示內(nèi)容、彈出層登錄等，帶遮罩效果，雖然沒(méi)有封裝成插件，但使用起來(lái)也非常簡(jiǎn)單，寬度和高度直接調(diào)樣式。

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

如果不滿足大家的要求，自己可以二次開(kāi)發(fā)哦

效果如下：

在線演示

您可能感興趣的文章:

相關(guān)文章

jQuery解析json格式數(shù)據(jù)簡(jiǎn)單實(shí)例
這篇文章主要介紹了jQuery解析json格式數(shù)據(jù)的方法,結(jié)合實(shí)例分析了使用jQuery1.7.2版本的方法解析json格式數(shù)據(jù)的技巧,需要的朋友可以參考下
2016-01-01
jQuery的Ajax時(shí)無(wú)響應(yīng)數(shù)據(jù)的解決方法
今天做項(xiàng)目時(shí)發(fā)現(xiàn)永遠(yuǎn)響應(yīng)的值都是該頁(yè)面的html代碼。
2010-05-05
jQuery操作dom實(shí)現(xiàn)彈出頁(yè)面遮罩層(web端和移動(dòng)端阻止遮罩層的滑動(dòng))
實(shí)現(xiàn)彈出遮罩層的方法有很多種，接下來(lái)本文給大家介紹通過(guò)jquery操作dom實(shí)現(xiàn)彈出頁(yè)面遮罩層以及web端和移動(dòng)阻止遮罩層的滑動(dòng)，對(duì)頁(yè)面彈出遮罩層的相關(guān)知識(shí)感興趣的朋友一起看看吧
2016-08-08
jQuery aminate方法定位到頁(yè)面具體位置
jQuery如何定位到頁(yè)面具體位置，我們可以通過(guò)jQuery的aminate動(dòng)畫(huà)方法定位，下面有個(gè)不粗的示例，感興趣的朋友可以參考下
2013-12-12
jQuery plugin animsition使用小結(jié)
本文通過(guò)實(shí)例代碼給大家分享了jQuery plugin animsition用法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-09-09
jquery刷新頁(yè)面的實(shí)現(xiàn)代碼（局部及全頁(yè)面刷新）
jquery刷新頁(yè)面的實(shí)現(xiàn)代碼（局部及全頁(yè)面刷新），需要的朋友可以參考下。
2011-07-07
jquery實(shí)現(xiàn)簡(jiǎn)單的彈窗效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)簡(jiǎn)單的彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
jQuery倒計(jì)時(shí)代碼(超簡(jiǎn)單)
本文給大家分享一段超簡(jiǎn)單的代碼基于jquery實(shí)現(xiàn)倒計(jì)時(shí)功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下
2017-02-02
如何使用jquery實(shí)現(xiàn)文字上下滾動(dòng)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)文字上下滾動(dòng)效果。文字上下滾動(dòng)循環(huán)顯示也是一種非常常見(jiàn)而且非常容易實(shí)現(xiàn)的文字特效。這是一種現(xiàn)在比較流行用的效果,用法很簡(jiǎn)單。
2016-10-10
jQuery mobile類庫(kù)使用時(shí)加載導(dǎo)航歷史的方法簡(jiǎn)介
這篇文章主要介紹了jQuery mobile開(kāi)發(fā)中加載導(dǎo)航歷史的方法,jQuery mobile是jQuery針對(duì)移動(dòng)設(shè)備開(kāi)發(fā)的JavaScript庫(kù),需要的朋友可以參考下
2015-12-12