底部滚动层代码 文档
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
var Pop = function(options){
this.isIE = (document.all) ? true : false;
this.isIE6 = this.isIE && (erAgent.indexOf('MSIE 6.0') != -1);
this.isIE6 ? this.position = "absolute" : this.position = "fixed";
this.SetOptions(options);
this.mode = this.options.mode;
this.zIndex = this.options.zIndex;
this.left = this.options.left;
this.right = this.options.right;
this.top = this.options.top;
this.bottom = this.options.bottom;
this.oPop = $("#" + this.options.oPop);
this.oPop.css({ position:this.position, "z-index":this.zIndex });
//页面载入时是否显示遮盖层
if(this.options.beCover){
this.Start();
this.Initialization();
this.FullScreen(this.heightDocument, this.widthDocument);
}
//是否添加浮动层收缩
if(!!this.options.idShrink) this.Shrink(this.options.idShrink);
/*关闭、打开浮动层*/
if(this.options.idClose.length != 0) this.Close(this.options.idClose);
!!this.options.idOpen ? this.Open(this.options.idOpen) : this.Start();
};
Pop.prototype = {
SetOptions: function(options){
this.options = {
/*浮动框相关属性*/
oPop: "idPop", //浮动框id
zIndex: "999", //浮动框的z-index
left: 0, //距离左边多少像素
right: 0, //距离右边多少像素
top: 0, //距离顶部多少像素
bottom: 0, //距离底部多少像素
mode: ["right", "bottom"], //浮动层默认定位左上
/*遮罩层相关属性*/
beCover: false, //页面载入时是否显示遮盖层
cover: false, //是否显示遮盖层(遮盖层显示的必须条件)
zIndexCover: 888, //遮盖层的z-index
colorCover: "#000", //遮盖层的背景颜色
opactiyCover: 0.5, //遮盖层的透明度
/*浮动框收缩相关属性*/
idShrink: null, //收缩按钮id
minHeight: 0, //收缩后的高度
maxHeight: 0, //展开后的高度
classOne: null, //切换用的class
classTwo: null, //切换用的class
/*关闭、打开浮动层相关属性*/
idOpen: null, //打开按钮
idClose: [] //关闭按钮
};
$.extend(this.options, options || {});
},
Initialization: function(){