jquery彈出層插件推薦jquery.ColorBox有5種風格，豐富的參數配置，及其簡單的調用配置，支持單張圖片展示，圖片組展示，html片段展示，支持框架Iframe彈出層，支持jquery彈出層ajax方式加載。

jquery彈出層插件jquery.ColorBox 5種風格演示地址：

http://www.jacklmoore.com/colorbox/example1/

http://www.jacklmoore.com/colorbox/example2/

http://www.jacklmoore.com/colorbox/example3/

http://www.jacklmoore.com/colorbox/example4/

http://www.jacklmoore.com/colorbox/example5/

jquery彈出層插件jquery.ColorBox英文原版參數說明地址：http://www.jacklmoore.com/colorbox

http://www.51xuediannao.com/js/jquery/colorbox/Colorbox-api.docx

jquery.ColorBox確實是一個非常強大的jquery彈出層插件，仔細把ColorBox研究研究其他彈出層都不需要用了，玩轉這一個就非常OK了，jquery.ColorBox基本上可以解決絕大部分的應用了。

我們來看如下實例代碼：

$(".example9").colorbox({

onOpen:function(){ alert('onOpen: colorbox is about to open'); },

onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },

onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },

onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },

onClosed:function(){ alert('onClosed: colorbox has completely closed'); }

});

比如 onOpen 就是指在打開jquery彈出層的時候可以做跟多的事情，比如淡出層的時候傳一個參數，賦一個值，或者彈出一個對話框... ...

onOpen:function(){

//任何jquery函數

}

同理：onLoad 等都是jquery.ColorBox的一個事件。

jquery彈出層插件推薦jquery.ColorBox還有更好玩的技巧：你在看那些英文文檔的時候會發現下面有$.colorbox.close()? $.colorbox.next() 這些也是非常強大的功能。

比如：

$(“#id”).colorbox.close()

$("#close_colorbox").click(function(){

$().colorbox.close(); //不用寫id也一樣可以實現關閉功能

});

可以實現點擊某個dom節點使彈出層關閉。這是不是可以應用在彈出層中ajax方式提交表單的時候那。

英語太差，看不大懂，和大家一起研究學習。

jquery彈出層插件jquery.ColorBox由懶人建站整理收集，希望對你有用。

↓ 查看全文

本文鏈接：jquery彈出層插件推薦ColorBox有5種風格附中文文檔https://www.51xuediannao.com/js/jquery/df4b1ee2.html

jquery彈出層插件推薦ColorBox有5種風格附中文文檔由懶人建站收集整理，您可以自由傳播，請主動帶上本文鏈接

懶人建站就是免費分享，覺得有用就多來支持一下，沒有能幫到您，懶人也只能表示遺憾，希望有一天能幫到您。

總結

以上是生活随笔為你收集整理的colorbox ajax,jquery弹出层插件推荐ColorBox有5种风格附中文文档的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。