ShowMask

<html>
    <head>
<script type="text/javascript">
    function showMask(){
        var a1=document.getElementById("DialogId");
        var a2=document.getElementById("MainId");
        a1.style.display="block";
        a2.style.display="block";
    }

    function hideMask(){
        var a1=document.getElementById("DialogId");
        var a2=document.getElementById("MainId");
        a1.style.display="none";
        a2.style.display="none";
    }
</script>

</head>
<body>
    <div id="DialogId" style="background-color:#dddddd;display:none; z-index:102; left: 50%; top: 50%; margin-left: -140px; margin-top: -70px; width: 200px; height: 50px; position: absolute;">
        <div id="ContentID" style="height: 50px; margin: 15px 20px; font-size: 15px; font-family: microsoft yahei; text-align: center;line-height:16px; overflow: hidden;">
        <img src="<%=request.getContextPath()%>/images/lodding1.gif" id="lodding" style="margin-right:10px;margin-top:0px;"/><span align="left" style="">正在处理,请稍候...</span>
        </div>
    </div>
    <div id="MainId" style="background-color: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100; display: none; opacity: 0.5;filter:alpha(opacity=50);"></div>
</body>
</html>

ShowMask

时间: 2024-12-13 06:44:58

ShowMask的相关文章

Ext.net里面放置KindEditor富文本框(解决KindEditor不显示和后台取不到值的问题)

上周六,从上午10点到晚上12点终于搞定了Ext.net与KindEditor的兼容性问题.对于Ext.net的原理,我是菜鸟,表示不懂.我遇到的两个问题是,问题一是不显示KindEditor控件,通过ext:ResourceManager里面的 <DocumentReady Handler="createEditor();" /> 解决了,问题二是KindEditor控件的值传不会后台去,就是在前台也收不到值,但是我通过点击全屏按钮后就可以收到其值了,于是采用<Cl

蒙板 模态对话框

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <style> 7 #maskBac

easyui dialog 扩展load

1 $.extend($.fn.panel.methods, {  2     showMask: function(jq, msg){  3         return jq.each(function(){  4             var pal = $(this).panel('panel');  5             if (pal.css('position').toLowerCase() != 'absolute'){  6                 pal.cs

JS面向对象方法(二) 面向对象方法实现橱窗式图面预览以及放大功能

 效果图: HTML结构如下: <div id="preview"> <div id="mediumDiv"> <img id="mImg" src="images/products/product-s1-m.jpg"/> <div id="mask"></div> <div id="superMask"></

Ext.net

.FileTypeName=="附件")                 {                      command.text="上传";                 }                 else                 {                      command.text="填写";                 }             }         }; //    

Ext 随笔

/-------------------------//清空panel等后面空白属性//------------------------- baseCls:"x-plain" //-------------------------//有关于是否button//------------------------- Ext.Msg.confirm("提示", "你确定要删除该用户吗?", function (button) {if (button ==

遮罩层代码

css .mask{ position: absolute; top: 0px; background-color: #000000; z-index: 1000; left: 0px; filter: alpha(opacity=60); opacity: 0.5; -moz-opacity: 0.5; display: none; } html <div id="mask" class="mask"></div> js function

uploadfile图片上传和ashx

uploadify.swf需要是支持中文   $(function () {   //获取所有上传按钮id   $("div[id^='fileInput_']").each(function () {   var name = $(this).attr("id");   create(name);   });   });       function create(name) {   var select = "上传图片";   if (nam

Vuejs使用笔记 --- component内部实现

现在来系统地学习一下Vue(参考vue.js官方文档): Vue.js是一个构建数据驱动的web界面的库,其目标是实现响应的数据绑定和组合的试图组件. Vue.js拥抱数据驱动的视图概念,这意味着我们能在普通的HTML模板中使用特殊的用法将DOM“绑定”到底层数据.一旦创建了绑定,DOM将于数据保持同步. 以下参考代码与上面的模型相对应 <!-- 这是我们的 View --> <div id="example-1"> Hello {{ name }}! <