jQuery Colorbox弹窗插件使用教程小结、属性设置详解以及colorbox关闭

作者: 甘蔼宾  本站原创  发布时间:  浏览:17次

 

 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(); 

相关文章

新手指南支付购买售后服务关于我们
阿力盈商网络科技有限公司
Copyright 2002-2019 网 版权所有
渝ICP备18009082号网站地图
热门TAG:下拉导航

首页

电话咨询

客服QQ