JQuery全屏遮罩层DIV
来源:互联网 发布:windows10笔记本优化 编辑:程序博客网 时间:2024/05/02 01:28
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);
//你的代码
}
- JQuery全屏遮罩层DIV
- JQuery全屏遮罩层DIV
- div布局-Jquery 收起左栏、全屏、半透明div遮盖照片、半透明div遮盖全屏弹出窗口
- div 全屏自适应 布局
- div+css全屏
- 让div全屏
- div 全屏居中
- div高度全屏
- DIV 全屏方式
- jquery 图片全屏效果
- jQuery多变全屏幻灯片
- jquery 全屏对话框
- jquery全屏插件
- jquery全屏插件
- Jquery 全屏滚动插件
- jquery全屏滚动效果
- DIV全屏-弹出模式对话框
- Css三角形 div全屏 半透明
- “孩子捂6月”不能取
- RMI
- smarty局部缓存
- ubuntu12.04 vnc windowsXP远程登录ubuntu
- IOS开发之深拷贝与浅拷贝(mutableCopy与Copy)详解
- JQuery全屏遮罩层DIV
- 简易计算器
- excel 单击单元格后单元里的值自动加1
- 燕十八PHP公益课堂学习笔记
- INCLUDES.H
- C++错误中英文对照
- 利用Java自带的MD5加密
- [全程建模]系统用例和业务用例的区别以及用例粒度的讨论
- Python optionParser模块的使用方法