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种风格附中文文档由懒人建站收集整理，您可以自由传播，请主动带上本文链接

懒人建站就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。