'opacity':0.9
});
var msg = $("<span>"+op.msg+"</span>").css({//消息主体
'position': 'relative',
'margin': '0px',
'z-index': op.z+3,
'line-height':'22px',
'height':'22px',
'display':'inline-block',
'background-color':'#efefef',
'padding-left':'25px',
'padding-right':'5px',
'border':'1px solid '+op.borderColor,
'text-align':'left',
'text-indent':'0'
});
var msgIcon = $("<img src="+op.iconUrl+" />").css({//图标
'position': 'absolute',
'top': '3px',
'left':'3px',
'z-index': op.z+4,
'width':'18px',
'height':'18px'
});
// 拼装遮罩层
msg.prepend(msgIcon);
msgCrust.prepend(msg);
crust.prepend(mask);
crust.prepend(msgCrust);
thisjQuery.prepend(crust);
// alert(thisjQuery.html());
crust.fadeIn(500);
//模态设置
return this;
}
});
})(jQuery);
相关配置
配置&configure
| 全部配置 | 默认值 | 说明 |
| z: | 9999 | 图层z-index,当蒙版遮罩不住时候适当增大其值 |
| msg: | 数据加载中… | 提示信息 |
| iconUrl: | images/loading.gif | 提示图片url |
| height: | 18 | 图标默认高(px) |
| width: | 18 | 图标默认宽(px) |
| borderColor | #6bc4f5 | 提示的边框颜色 |
| opacity: | 0.5 | 蒙版的透明度 |
| agentW: | 当前元素的宽度 | 蒙版的宽度 |
| agentH: | 当前元素的高度 | 蒙版的高度 |
希望本文所述对大家的jquery程序设计有所帮助。
