js实现弹窗插件功能实例代码分享-javascript编程(三)

您好,欢迎来到百闽人生网登录 注册

百闽首页 | 考试日历 | 百闽娱乐 | 书信频道 | 节日庆典 | 语录句子 | 免费发布培训课程

百闽人生网

百闽人生网 > 培训新闻 > 电脑/IT > js实现弹窗插件功能实例代码分享-javascript编程(三)

js实现弹窗插件功能实例代码分享-javascript编程(三)

"});

    _cache.isrender = false;

    // 判断传递进来的内容格式

    self._contentType();

    if(_config.showBg) {

    // 渲染背景宽度和高度

    self._renderDocHeight();

    $("#windowbg").show();

    self.show();

    }else {

    $("#windowbg").hide();

    self.show();

    }

    self._showDialogPosition("#window-box");

    }else {

    // 如果弹窗已经创建出来的话, 只是隐藏掉了, 那么我们显示出来

    self.show();

    $("#windowbg").animate({"opacity":_config.opacity},"normal");

    if(_config.showBg) {

    $("#windowbg").show();

    }

    self._showDialogPosition("#window-box");

    }

    $(_config.closable).unbind("click");

    $(_config.closable).bind("click",function(){

    // 点击关闭按钮

    self._closed();

    });

    // 渲染后 回调函数

    _config.callback && $.isFunction(_config.callback) && _config.callback();

    },

    /**

    * 显示弹窗

    */

    show: function(){

    var self = this,

    _config = self.config,

    _cache = self.cache;

    $("#window-box") && $("#window-box").show();

    _cache.isshow = true;

    if(_config.time == "" || typeof _config.time == "undefined") {

    return;

    }else {

    t && clearTimeout(t);

    var t = setTimeout(function(){

    self._closed();

    },_config.time);

    }

    },

    /**

    * 隐藏弹窗

    */

    hide: function(){

    var self = this,

    _cache = self.cache;

    $("#window-box") && $("#window-box").hide();

    _cache.isshow = false;

    },

    /**

    * 判断传进来的内容类型

    */

    _contentType: function(){

    var self = this,

    _config = self.config,

    _cache = self.cache;

    var contentType = _config.content.substring(0,_config.content.indexOf(":")),

    content = _config.content.substring(_config.content.indexOf(":")+1,_config.content.length);

    switch(contentType) {

    case "text":

    $("#window-content").html(content);

    break;

    case "id":

    $("#window-content").html($("#"+content).html());

    break;

    case "img":

    $("#window-content").html("");

    break;

    case "iframe":

    $("#window-content").html(" ");

    $("#window-content-border").css({"overflow":"visible"});

    break;

    }

    },

    /**

    * 点击关闭按钮

    */

    _closed: function(){

    var self = this,

    _config = self.config,

    _cache = self.cache;

    if(_cache.isshow) {

    self.hide();

    }

    if(_config.showBg) {

    $("#windowbg").hide();

    }

    $("#windowbg").animate({"opacity":0},"normal");

    },

    /**

    * 显示弹窗的位置 默认情况下居中

    */

    _showDialogPosi

首页 上页 1 2 3 4  

关于我们 | 招生合作 | 负责声明 | 常见问题 | 诚聘英才 | 联系我们

Copyright©2014 www.bminlife.com 百闽人生网 版权所有©百闽人生网 闽ICP备14001301号
本文标题:js实现弹窗插件功能实例代码分享-javascript编程
分站加盟及广告服务QQ:1476191318
友情提示:本站所有信息均由本站注册会员免费发布,如涉及版权问题或虚假信息请及时与本站联系。——我们一直在追求真实!