jQuery Colorbox是一款弹出层，内容播放插件，效果极佳，当然我主要是用来弹出图片啦。

 

jQuery Colorbox不仅有弹性动画效果，淡入淡出效果，幻灯片播放,宽度自定义，还能够ajax加载html,iframe等等，最主要的是它还可以写回调函数

 

效果演示地址： 

 

下载地址： https://github.com/jackmoore/colorbox

 

文档地址：http://www.jacklmoore.com/colorbox/

 

一些使用的例子：

 

$('a.gallery').colorbox({rel:'gal'});

 

// Ajax

$('a#login').colorbox();

 

// Called directly, without assignment to an element:

$.colorbox({href:"thankyou.html"});

 

// Called directly with HTML

$.colorbox({html:"<h1>Welcome</h1>"});

 

// Colorbox can accept a function in place of a static value:

$("a.gallery").colorbox({rel: 'gal', title: function(){

  var url = $(this).attr('href');

  return '<a href="' + url + '" target="_blank">Open In New Window</a>';

}});

 

 

关闭colorbox事件：

 

写法一： window.parent.$.fn.colorbox.close();

 

写法二： parent.$.colorbox.close(); 

 

或者通过刷新父页面关闭： window.parent.location.reload();