zoukankan      html  css  js  c++  java
  • 分享一个jQuery iframe 弹窗插件Boxen

    1.引用文件:

    <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",650,height:300,title:'Google 主页',modal:true});
    });
    $(
    "#baidu").boxen();
    });
    </script>

    3.参数说明:

           //默认参数配置
            defaults: {
                urlParams: {},
                showTitleBar: true,    //是否显示TitleBar
                showCloseButton: true, //是否显示关闭按钮
                title: null,  //标题
                titleAttribute: 'title',
                closeButtonText: 'X',
                600,
                height: 380,
                url: null,
                urlAttribute: 'href',
                overlayOpacity: 0.4,  //遮罩层透明度
                overlayColor: null,
                modal: false,   //是否为模态窗口
                postOpen: function(contentAreaElement) {},
                postClose: function() {}
            }

    4.下载:jQuery boxen 插件

  • 相关阅读:
    TestPaste text
    WPF XML序列化保存数据 支持Datagrid 显示/编辑/添加/删除数据
    C# WPF xml序列化 反序列化
    C# show FTP Download/Upload progress
    BAT for 循环
    C# httpRequest Soap请求
    day6 os模块
    day6 random随机数模块
    day6 time和datetime模块
    day5 常用模块json和pickle
  • 原文地址:https://www.cnblogs.com/weekend001/p/2033487.html
Copyright © 2011-2022 走看看