Hotel/js/msg/jQuery.msg.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/* 
 *  Document   : hLoading  
 *  使用方法：
 *      $.hLoading.show({type:'loading',msg:'加載中'});  //type: loading,success,hits,fail
        $('#divID').hLoading()
        $('#divID').hLoading({type:'loading',msg:'加載中'});

        $.hLoading.hide() //隱藏
        $('#divID').hLoading.hide();
 *
 *
 */
;(function ($) {
    //動態生成ID
    var createDomId = function () {
        var s4 = function () {
            return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
        };
        return "Hotel-" + (s4() + s4() + "-" + s4() + "-" + s4() + "-" + s4() + "-" + s4() + s4() + s4());
    };


    var maskClass = {
        position: 'fixed',
        left: 0,
        top: 0,
        width: '100%',
        height: '100%',
        filter: 'alpha(opacity=70)',
        opacity: '0.70',
        background: '#cccccc',
        overflow: 'hidden'
    };

    function loadingInit(target, options) {
        var $mask = $('<div class="Hotel-msg-mask"></div>'); //遮罩層
        var $loading = $('<div class="Hotel-msg-layer_wrap"/>'); //消息
        var layerId = $(target).attr('id');

    

        if (!layerId)
            layerId = createDomId();

        $mask.css(maskClass).appendTo($(target)).hide().attr("id", layerId + '_mask');

        var maskWidth;
        var maskHeight;

        var borderTopWidth = $(target).css('border-top-width');
        var borderLeftWidth = $(target).css('border-left-width');

        //
        // IE will return values like 'medium' as the default border, 
        // but we need a number
        //
        borderTopWidth = isNaN(parseInt(borderTopWidth)) ? 0 : borderTopWidth;
        borderLeftWidth = isNaN(parseInt(borderLeftWidth)) ? 0 : borderLeftWidth;

        var overlayLeftPos = jQuery(target).offset().left + parseInt(borderLeftWidth);