<!DOCTYPE html>
<html>
<head>
<title>jQuery模态对话框提示代码 - 更多源码【www.96flw.com】</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/myAlert.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/myAlert.js" charset="utf-8"></script>
<style type="text/css">
a{
display: block;
text-align: center;
font-size: 16px;
width: 100px;
height: 50px;
line-height: 50px;
text-decoration: none;
background-color: #ccc;
}
a:hover{
text-decoration: underline;
}
</style>
</head>
<body>
<center>
<a href="javascript:void(0);" id="tip">提示框</a>
<a href="javascript:void(0);" id="confirm">确认框</a>
</center>
<script type="text/javascript">
$(function(){
var myTip = {
title: "Tip",
msg: "模态对话框提示",
button:{
ok: "是",
// "cancle": "否",
okEvent: function(){
alert("点击ok");
},
cancleEvent: function(){
alert("点击cancle");
}
}
};
var myConfirm = {
title: "JavaScript框架",
"msg": "jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库",
button:{
"ok": "确定",
"cancle": "取消",
okEvent: function(){
alert("点击确定");
},
cancleEvent: function(){
// alert("点击取消");
}
}
};
$("#tip").click(function(){
MyAlert(myTip);
});
$("#confirm").click(function(){
MyAlert(myConfirm);
});
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:更多源码【www.96flw.com】</p>
</div>
</body>
</html>