js兼容的PC端浏览器,带有多个手机端浮层控件弹出提示

本文介绍了一个用JS兼容PC端浏览器的移动终端浮动层控件及各种小技巧,供大家参考:

完整的实例代码在这里下载。

使用



这是内容



新对话框();
Dialog.init({目标:#对话内容



或者用jQuery调用它:



这是内容22


$('#btn_dialogjquery').Dialog ({target: #dialog-contentjq, mask:true, width:500, height:300, title:''} title)



继承类警报和确认提示(在jQuery模式下):

Html:










Js:




$(# btn_alert)。Click(function(){)
美元。警报('select好产品材料上传的,真的,函数(){)
提醒(你点击OK)
})
});
$(# btn_alert2)。Click(function(){)
美元。警报('select好产品上传材料)
});
$(# btn_confirm)。Click(function(){)
('download美元。确认所有9张图片到本地照片的文字已经被复制、{ {是:是{没有:},不是},{关:关} },{功能(型)
美元。警报(你点击+型);
this.hide();
});
})
$(# btn_confirmdefault)。Click(function(){)
美元。确认(你确定要删除此消息,null,函数(型){ }
美元。警报(你点击+型);
this.hide();
});
})


属性或方法:

性能:

触发:

触发对象



目标:

弹出的内容可以# ID,或者jQuery对象



面具:

有覆盖层吗



标题:

标题



ZIndex:

Z指数



CloseTpl:

关闭HTML(默认值:x)



TitleTpl:

标题HTML(默认值:)



方法和回调:

显示:

显示弹



隐藏:

隐藏



显示:功能(内容)

显示前面的方法回调,内容是一个浮动的内容对象



beforehide:功能(内容)

在隐藏方法回调之前,内容是一个浮动的内容对象。



位置:功能()

在中间设置位置

希望本文能对大家的javascript程序设计有所帮助。