rafiee.mostafa64
دوشنبه 23 تیر 1393, 14:01 عصر
این کار رو لازم نیست با استفاده از کامپوننت های سنگین و آماده انجام بدی به راحتی با css و jquery قابل انجام شدنه
این هم یه کد نمونه برات می نویسم . یعنی هلو برو تو گلو:گیج:
<html >
<head >
<title></title>
<style type="text/css">
#back
{
position:fixed;
width:100%;
height:100%;
background-color:black;
display:none;
filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index:10;
left:0;
top:0;
}
#form
{
position:fixed;
width:300px;
height:300px;
background-color:white;
display:none;
z-index:11;
top:30%;
left:40%
}
.click
{
cursor:pointer;
width:1px;
}
</style>
<script type="text/javascript" src="javascript/jquery.min.js"></script>
<script type="text/jscript" >
$(document).ready(function () {
$('.click').click(function () {
$('#back').toggle("fast");
$('#form').toggle("fast");
});
});
</script>
</head>
<body>
<div class="click">ورود</div>
<div id="back" >
</div>
<div id="form">
<div class="click">X</div>
</div>
</body>
</html>