分享一个jQuery iframe 弹窗插件Boxen
2011-04-30 17:55
441 查看
1.引用文件:
2.调用方式:
3.参数说明:
//默认参数配置
defaults: {
urlParams: {},
showTitleBar: true, //是否显示TitleBar
showCloseButton: true, //是否显示关闭按钮
title: null, //标题
titleAttribute: 'title',
closeButtonText: 'X',
width: 600,
height: 380,
url: null,
urlAttribute: 'href',
overlayOpacity: 0.4, //遮罩层透明度
overlayColor: null,
modal: false, //是否为模态窗口
postOpen: function(contentAreaElement) {},
postClose: function() {}
}
4.下载:jQuery boxen 插件
<link href="jquery.boxen.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.boxen-1.4.min.js"></script>
2.调用方式:
<a href="#" id="google">google</a> <a href="http://www.baidu.com" id="baidu">baidu</a>
<script type="text/javascript"> $(function(){ $("#google").click(function(){ $.Boxen.open(window,{url:"http://www.google.com",width:650,height:300,title:'Google 主页',modal:true}); }); $("#baidu").boxen(); }); </script>
3.参数说明:
//默认参数配置
defaults: {
urlParams: {},
showTitleBar: true, //是否显示TitleBar
showCloseButton: true, //是否显示关闭按钮
title: null, //标题
titleAttribute: 'title',
closeButtonText: 'X',
width: 600,
height: 380,
url: null,
urlAttribute: 'href',
overlayOpacity: 0.4, //遮罩层透明度
overlayColor: null,
modal: false, //是否为模态窗口
postOpen: function(contentAreaElement) {},
postClose: function() {}
}
4.下载:jQuery boxen 插件
相关文章推荐
- 分享一个比lightbox配置更方便的jQuery web2.0图片显示插件:Topup
- 分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav
- 分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果
- 分享一个jQuery动态网格布局插件:Masonry
- 分享一个使一行文字变形产生弯曲弧度特效的jQuery插件 - Arctext.js
- 分享一个不错的jquery表单验证插件
- 分享一个比lightbox配置更方便的web2.0图片显示jQuery插件:Topup
- 分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav
- 分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
- 分享一个超棒的免费jQuery幻灯插件:Nivo Slider
- 分享一个jQuery的自动客户端本地保存插件Sisyphus.js - 帮助你自动保存用户输入内容
- 一个非常棒的jQuery 评分插件--好东西要分享
- 分享一个jQuery动态网格布局插件:Masonry
- 分享一个jQuery的自动客户端本地保存插件Sisyphus.js - 帮助你自动保存用户输入内容
- 分享一个jQuery动态网格布局插件:Masonry
- 分享一个jQuery动态网格布局插件:Masonry
- 分享一个jQuery的时间轴插件:TimergliderJS
- 分享一个jQuery的全屏幻灯展示插件:Supersized 3.2
- 分享一个针对触摸设备优化的图片幻灯jQuery插件 - touchtouch
- 分享一个网站通用 JQUERY + js 插件 适用于各种网页特效,哥强烈推荐,作者很强大