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 插件

  • 相关阅读:
    将Excel嵌入你的.Net程序
    调用资源文件
    Socket Error# Description
    LPCTSTR 和其它
    linux send and recv详解
    stdafx.h的作用
    setsocketopt() usage
    openfire源码入门级分析
    openfire分析
    关于xmpp
  • 原文地址:https://www.cnblogs.com/weekend001/p/2033487.html
Copyright © 2011-2022 走看看