Variable
دوشنبه 02 مرداد 1391, 01:07 صبح
ببینید این یه مثاله که بهتون کمک میکنه (http://variable.ir/test/error.html)
این کدشه
<html>
<head>
<title></title>
<style type="text/css">
body{
padding: 0;
margin:0;
}
#alert{
display: none;
width:300px;
height: 200px;
position: absolute;
top:200px;
left:200px;
height: 200px;
background-color:#888;
/*border-radius: 10px;*/
border:1px solid #F5f5f5;
}
#disable{
position: absolute;
display: none;
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
#box{
clear: both;
box-sizing:border-box;
padding:10px;
margin:10 auto;
border:1px solid black;
height:80%;
width:98%;
background-color: #f5f5f5;
}
#close{
cursor: pointer;;
}
</style>
</head>
<body>
<div id='disable'></div>
<button id="btn">click </button>
<button id="btn1">click 1 </button>
<button id="btn2">click 2 </button>
<div id="alert">
<div id="box"> <input type="text">
<button> click me</button>
</div>
<span id="close">close X</span>
</div>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#close").click(function(){
$("#alert").fadeOut('slow',function(){
$('#disable').fadeOut(200);
});
});
$('#btn').click(function(){
msgBox('error 1')
});
$('#btn1').click(function(){
msgBox('error 2')
});
$('#btn2').click(function(){
msgBox('error 3')
});
function msgBox(str){
$('#disable').fadeIn(300,function(){
$("#alert").fadeOut('slow',function(){
$(this).fadeIn();
});
})
}
});
</script>
</body>
</html>