本产品是包括警告、确认、提示、通知和四个创意主题。易于使用和配置。
易于使用的
四个创意主题包括
Crossbrowser(Firefox、Chrome,Safari、Opera,Internet explorer 6 +)
兼容所有布局
响应
完全themeable
完全可配置
弹出
$.alert({title:"Metro Alert", message:"Alert Example"});
确认
$.confirm({
title:"Metro Confirm",
message:"Do you understand? Isn't it easy?<br>Your respond shown center.",
callback: function(respond){
if(respond)
$.notification({
message:"Of course it is so Easy",
position:"cc"
});
else
$.notification({
message:"Why don't you understand?",
position:"cc"
});
}
});
提示
$.prompt({
title:"Metro Prompt",
message:"How old are you?",
placeholder: "Please type your age",
callback: function(respond){
if(respond !== false){
$.notification({
message: "You are so young. Just <b>"+ respond +"</b>",
position: "tl",
interval: 5000,
theme: "midnight"
});
}
}
});
通知
$(".defaultNotification").click(function(e){
e.preventDefault();
$.notification({
title:"Metro Notification",
message:"jQuery Metro Notification newly listed",
position: $(this).data("position"),
theme: $(this).data("theme")
});
});
自定义html
$.alert({
message:'<iframe width="560" height="315" src="..." frameborder="0"></iframe>',
close: false,
backdrop: true,
theme: 'sky',
vspace: 0,
esc: true
});