JQuery全屏遮罩层DIV

1、引用 <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
2、点击按钮时的JQuery代码

<script type="text/javascript">

$(document).ready(function () {

$("#go").click(function () {
/*属性*/
$("#go2").css({ "position": "absolute", "text-align": "center", "top": "0px", "left": "0px", "right": "0px", "bottom": "0px", "background": "red", "visibility": "visible", "filter": "Alpha(opacity=90)"
});
/*高为屏幕的高*/
$("#go2").css({
height: function () {
return $(document).height();
},
width:"100%"
});
});
});

3、html页面代码

<asp:Button ID="go" runat="server" Style="width: 380px; position: absolute; top: 249px;
left: 425px; background-color: Green; height: 65px;" Text="后台执行程序，前台遮盖，运行完毕后自动消失"
OnClick="go_Click" />
<div id="go2">
正在提交数据
</div>

4、cs页面

protected void go_Click(object sender, EventArgs e)
{
// System.Threading.Thread.Sleep(5000);

//你的代码

}

1、引用 <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
2、点击按钮时的JQuery代码

<script type="text/javascript">

$(document).ready(function () {

$("#go").click(function () {
/*属性*/
$("#go2").css({ "position": "absolute", "text-align": "center", "top": "0px", "left": "0px", "right": "0px", "bottom": "0px", "background": "red", "visibility": "visible", "filter": "Alpha(opacity=90)"
});
/*高为屏幕的高*/
$("#go2").css({
height: function () {
return $(document).height();
},
width:"100%"
});
});
});

3、html页面代码

<asp:Button ID="go" runat="server" Style="width: 380px; position: absolute; top: 249px;
left: 425px; background-color: Green; height: 65px;" Text="后台执行程序，前台遮盖，运行完毕后自动消失"
OnClick="go_Click" />
<div id="go2">
正在提交数据
</div>

4、cs页面

protected void go_Click(object sender, EventArgs e)
{
// System.Threading.Thread.Sleep(5000);

//你的代码

}

智囊设计 哈尔滨网站设计 哈尔滨网页设计 哈尔滨微信开发 哈尔滨网站建设