多种类型自定义对话框插件jDialog多种类型自定义对话框插件jDialog是一款基于jquery实现的轻量级多种类型的自定义对话框插件。jquery对话框自定义轻量级
<script>
$(function(){
$("#test1").click(function(){
var dialog = jDialog.alert('欢迎使用jDialog组件，我是alert！',{},{
showShadow: false,// 不显示对话框阴影
buttonAlign : 'center',
events : {
show : function(evt){
var dlg = evt.data.dialog;
},
close : function(evt){
var dlg = evt.data.dialog;
},
enterKey : function(evt){
alert('enter key pressed!');
},
escKey : function(evt){
alert('esc key pressed!');
evt.data.dialog.close();
}
}
});
}) ;
$("#test2").click(function(){
var dialog = jDialog.confirm('欢迎使用jDialog组件，我是confirm！',{
handler : function(button,dialog) {
alert('你点击了确定！');
dialog.close();
}
},{
handler : function(button,dialog) {
alert('你点击了取消！');
dialog.close();
}
});
});
$("#test3").click(function(){
// 通过options参数，控制iframe对话框
var dialog = jDialog.iframe('http://www.codesocang.com/',{
title : '代码编辑器 - 源码搜藏',
width : 1100,
height : 550
});
});
$("#test4").click(function(){
// 通过options参数，控制dialog
var dialog = jDialog.dialog({
title : '自定义对话框',
content : '大家好，欢迎访问源码搜藏。'
});
});
$("#test5").click(function(){
// 通过options参数，控制dialog
var dialog = jDialog.dialog({
title : '自定义对话框',
content : '大家好，我是jDialog.dialog！',
buttons : [
{
type : 'highlight',
text : '你好',
handler:function(button,dialog)
{
dialog.close();
}
}
]
});
});
$("#test6").click(function(){
var dialog = jDialog.message('大家好，欢迎访问源码搜藏',{
autoClose : 3000, // 3s后自动关闭
padding : '30px', // 设置内部padding
modal: true // 非模态，即不显示遮罩层
});
});
$("#test7").click(function(){
var dialog = jDialog.tip('大家好，欢迎访问源码搜藏',{
target : $('#test7'),
position : 'left-top',
trianglePosFromStart :0,
autoClose : 1000,
offset : {
top :-20,
left:10,
right:0,
bottom:0
}
});
});
});
</script>
多种类型自定义对话框插件jDialog由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/10220.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
多种过渡动画jQuery焦点图
jQuery微信自定义菜单设置功能代码
jQuery自定义方向气泡提示框代码
jQuery支持自定义消息提示框代码
jQuery自定义数值抽奖活动代码