滚动条下拉时加载遮罩以及隐藏遮罩的问题

当网页滚动条拉到最底时,用jQuery的showloading方法加载遮罩同时加载数据,然后应该怎么把遮罩隐藏掉,把加载的数据显示出来?

2个回答

那不是ajax加载完信息,在回掉中隐藏
http://www.w3school.com.cn/jquery/ajax_ajax.asp

fantasy9495
fantasy9495 我是在回调中将遮罩层显示的,那应该后台加载完这部分的时候隐藏遮罩,该怎么实现啊?
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

请问怎么控制弹出框滚动条滚动到头部和底部时,不触发body的滚动事件。在遮罩层上可以滚动body

body内容较多,带有滚动条。弹出层为一个遮罩和一个div div上也有滚动条。如何控制在div上滚动到顶部和底部body不跟着滚动,在遮罩层上可以滚动body

extJS 如何在Panel加载组件时显示遮罩层?

效果就是一个panel,是空白的,然后这个panel写一个loadPanel的方法,调用这个方法可以动态为panel加载组件,期间需要显示遮罩来提示'加载中,请稍候...',如果加载成功则除去遮罩层,并返回加载的组件,如果不成功则遮罩提示'加载失败'并返回null 我的代码如下,但只是美好的幻觉代码而已: [code="java"] myPanel=Ext.extend(Ext.Panel,{ loadPanel : function(config){ this.el.mask('加载中,请稍候...'); //创建组件 var c = null; try{ c = Ext.create(config); this.add(c); this.doLayout(); this.el.unmask(); } catch(err){ this.el.mask('加载失败!'); } finally{ return c; } } }); [/code] 上面的代码看起来好像挺有条理的,但有很多破绽: 1.'加载中'的提示如果不强行中断(比如在创建组件前alert中断进程),那么永远都看不见这个提示,就已经执行到create了,但是由于javascript是单线程的,所以在create的时候是假死状态,根本不可能显示出'加载中'的提示,我怀疑mask是延时执行的! 2.由于是单线程,所以除非try抛出异常,否则肉眼根本看不见遮罩层的显示,因为单线程导致浏览器假死. 3.如果使用defer延迟create的执行,那么这个方法又无法返回结果,因为javascript没有sleep等待功能,defer只是推迟几秒再执行指定的方法,只是一个回调,并不能强制线程等待,所以用defer则永远得不到create出来的c 希望大家帮忙如何实现组件加载的遮罩效果

如何解决下拉菜单被遮罩(flex布局,bootstrap导航栏组件)大神救救我

## 下拉菜单被遮罩(flex布局,bootstrap导航栏组件)如何解决 ### 尝试过设置z-index 没解决 ![图片说明](https://img-ask.csdn.net/upload/201904/20/1555771736_501325.png) ### test.html ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--保证缩放--> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <!-- 引入bootstrap--> <link rel="stylesheet" type="text/css" href="bootstrap/3.3.7/css/bootstrap.min.css" /> <script type="text/javascript" src="bootstrap/3.3.7/js/jquery-3.3.1.min.js"></script> <script src="bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- 引入自定义样式 --> <link rel="stylesheet" href="css/test.css"> <!-- 添加网站图标 --> <link rel="icon" href="img/water.ico" type="image/x-icon" /> <link rel="shortcut icon" href="img/water.ico" type="image/x-icon" /> <title>ouc-污水分析-about</title> </head> <body class="bg-img"> <!-- Static navbar --> <nav class="zmost navbar navbar-inverse navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">ouc-污水分析</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li> <a href="index.html">Home</a> </li> <li class="active"> <a href="about.html">About</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">User<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="#">Action</a> </li> <li> <a href="#">Something else here</a> </li> <li role="separator" class="divider"></li> <li class="dropdown-header">Nav header</li> <li> <a href="#">Separated link</a> </li> <li> <a href="#">One more separated link</a> </li> </ul> </li> </ul> </div> </div> </nav> <!-- About info --> <div class="container about zless"> <h1 class="about-title flex-center-block">网站声明</h1> <p class="about-content flex-center-block"> 污水处理按照其作用可分为物理法、生物法和化学法三种。 ①物理法:主要利用物理作用分离污水中的非溶解性物质,在处理过程中不改变化学性质。常用的有重力分离、离心分离、反渗透、气浮等。物理法处理构筑物较简单、经济,用于村镇水体容量大、自净能力强、污水处理程度要求不高的情况。 ②生物法:利用微生物的新陈代谢功能,将污水中呈溶解或胶体状态的有机物分解氧化为稳定的无机物质,使污水得到净化。常用的有活性污泥法和生物膜法。生物法处理程度比物理法要高。 ③化学法:是利用化学反应作用来处理或回收污水的溶解物质或胶体物质的方法,多用于工业废水。常用的有混凝法、中和法、氧化还原法、离子交换法等。化学处理法处理效果好、费用高,多用作生化处理后的出水,作进一步的处理,提高出水水质。 </p> </div> <!-- footer --> <div class="footer">@Copyright-中国海洋大学</div> </body> </html> ``` ### test.css ``` bg-img { background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; } body { display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh); min-width: 380px; min-height: 680px; } .footer { height: 50px; width: 100%; background-color: #222; text-align: center; color: rgb(157, 157, 157); font-family: Arial; font-size: large; letter-spacing: 1px; line-height: 50px; } flex-header { /*background-color: lightblue;*/ } .flex-container{ /*background-color: lightgreen;*/ } .flex-footer { /*background-color: lightblue;*/ } .flex-center { display: flex; flex-direction: column; align-items: center; justify-content: center; } .flex-center-block { padding-right: 15px; padding-top: 15px; display: flex; align-items: center; justify-content: center; } .about{ padding-bottom: 15%; } .about-title { letter-spacing: 0.5em; font-family: "宋体"; font-weight: bold; } .about-content { font-size: large; padding: 0% 10%; line-height: 3em; letter-spacing: 0.1em; text-indent: 5% } ```

遮罩层出现后怎么样将上一层变为固定滚动不影响遮罩层

``` <a class="footer-text-a" id="onclick" data-toggle="modal" data-target="#myModal" style="cursor:pointer;">法律声明</a> <span class="line">|</span> <a class="footer-text-a" data-toggle="modal" id="onclick" data-target="#myModal" style="cursor:pointer;">隐私条款</a> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="overflow-y: auto;width:100%"> <div class="modal-dialog" role="document"> <div class="modal-content" style="margin-top:20%;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel" style="text-align:center">声明与条款</h4> </div> <div class="modal-body" style="overflow:auto;height:500px"> <p> itake承诺在提供产品和服务时保护用户的个人隐私。我们将按照此条款来处理您向我们提供的个人信息,并致力于对用户隐私权利的保护。 <br /> 1. 您可在遵守本条款, 条件和限制的前提下建立一个账号通过网络服务访问本网站并进行相关操作。您对此账号的一切行为负责,包括可能是经由您允许使用您账号的其他人。<br /> 2. itake将以下列方式使用您的个人信息。<br /> 用户名和密码。使您能够登录网站,访问您的个人信息和网站上受保护的内容。 <br /> 用户信息。包括姓名、联系方法、电子邮件信箱等。我们将根据您的需求利用这些信息为您提供个性化服务。 <br /> 电子邮件。用于提出和响应各种问题和请求。还可用来发布有关itake及其产品和服务的信息。也可使我们了解如何改进我们的产品、服务和站点。 <br /> 3. 我们保护您所提供的个人信息。访问这些个人信息的权限仅限于需要进行此类访问以完成其工作的人员。除非法律或政府强制,我们不会向第三方公开上述信息。 <br /> 4. 您可以随时查看和更改有关您的任何信息,如姓名、地址、电话号码或电子邮件信箱等,以确保您个人信息的准确性。其他人无权修改或删除您发布的信息,但您将账户、密码透露他人,或由于黑客攻击、计算机病毒等影响网络正常运营之不可抗力而造成的个人资料丢失,盗用或纂改等情况除外。<br /> <br /><br /> 网站声明<br /> 第一条:本网站所刊载的所有信息资料、图片及图表仅供参考。 <br /> 第二条:投资者依据本网站提供的信息进行经营活动所造成的盈亏与本网站无关。<br /> 第三条:本网站对发布的信息享有发布和使用权,未经本网站同意,任何人不得擅自复制、使用、转载或将其提供给第三方使用。<br /> 第四条:用户同意提供及时、详尽及准确的个人资料,如果用户提供的资料包含有不正确的信息,本网站保留结束用户使用网络服务资格的权利。本网站按照《客户数据安全保密条款》对用户信息保密。除非因法律要求或利害关系人同意,否则在未经用户同意的情况下,绝对不会将用户资料以任何方式泄露给任何第三方。由于用户将个人密码告知他人或与他人共享注册帐户,由此导致的任何个人资料泄露,本网站不负任何责任。<br /> 第五条:任何由于计算机黑客攻击、计算机病毒侵入、硬件设施损坏、因政府管制而造成的暂时性关闭等影响网络正常经营的不可抗力而造成的个人资料泄露、丢失、被盗用或被篡改等,本网站不负任何责任。 <br /> 第六条:本网站如因线路、硬件故障、系统维护、系统升级或其它不可抗力而导致暂停服务,于暂停服务期间造成的一切不便与损失,本网站不负任何责任。 <br /> 第七条:本声明未涉及的问题参见国家有关法律法规,当声明与国家法律法规冲突时,以国家法律法规为准。 <br /> 第八条:凡以任何方式登录本网站或直接、间接使用本网站资料者,视为自愿接受本网站声明的约束。<br /> 第九条:本网站可能包含由第三方网站予以维护的链接或参考资料。这些链接仅用于为用户提供方便。其中一些信息和报价由我方合作伙伴独立提供。本网站不对链接网站的内容负责。<br /> 第十条:本网站的声明以及其修改权、更新权属常州原摄网络科技有限公司。<br /> 第十一条:本声明的发布日期为:2016年10月。<br /> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </div> </div> </div> <script> var string = document.getElementById("myModal").style.display; $(function () { if (string == "block") { $('body').css({ overflow: "hidden", }); } else { $('body').css({ overflow: "auto", }); } }) </script> ```

<a>链接一个遮罩层。遮罩层弹出DIV ,DIV在页面隐藏

DIV在页面隐藏。在弹出遮罩层后显示页面中隐藏的DIV 怎么实现? 有代码吗?

iframe中弹出框添加遮罩层并且不覆盖子页面中的弹出框

![![图片说明](https://img-ask.csdn.net/upload/201608/11/1470883862_968270.png)图片说明](https://img-ask.csdn.net/upload/201608/11/1470883862_968270.png)iframe中 嵌套的各子页面均有弹出框,如何实现弹出框出现同时底部出现覆盖全局的遮罩层,并且不覆盖子页面中的弹出框(遮罩层在iframe中的父页面中,已实现覆盖全局的遮罩,但是遮罩层把iframe中的弹出框也覆盖了)

提交表单,显示遮罩层的问题

最近初开始学习jquery,想尝试做一个效果,就是提交页面上的一个表单,点击提交按钮(submit类型)后,显示一个遮罩层,如果成功的话就在遮罩层上显示成功的小页面,如果失败的话就显示失败的小页面,请问各位达人高手们该效果如何实现,或者哪里有类似的例子给小弟参考一下,现在这里谢谢各位了!

winform中如何实现像这样的遮罩体效果啊

![图片说明](https://img-ask.csdn.net/upload/201703/22/1490188203_222069.png) 如题,请教各位大侠,像上图这样的遮罩效果,左边菜单栏是一组button,右边是一个groupbox,用来加载用户组件,在某个用户组件中点击一个按钮,弹出对话框,而除了对话框以外的部分颜色变暗,这种效果是怎么实现的呢?

bootstrap 模态框弹出时被遮罩层挡住了,怎么解决

遮罩层样式!![图片说明](https://img-ask.csdn.net/upload/201606/01/1464768907_693581.png) 模态框样式![图片说明](https://img-ask.csdn.net/upload/201606/01/1464768918_376617.png)

frameset 遮罩问题求教大神

我的页面有三个frame,想将三个frame都用遮罩遮住,现在只能遮住一个,求教大神,急!

android 获取本地图片 并用遮罩显示成带有圆心边框的圆形图

![图片说明](https://img-ask.csdn.net/upload/201603/16/1458113125_616680.png) 有一个需求,获取本地图片或者拍照,然后将图片用遮罩效果做成圆形并且带有边框的样式如图所示,,获取本地图片和拍照会做,但是不知道怎么用遮罩效果做成那种效果,,,求解,,,谢谢。。。。最好有具体代码实现

Ext中组件加载问题

在使用Ext的时候,我在一个js文件定义了一个form表单组件,在另一个js文件中通过组件的id来获得组件(Ext.Cmp())在ie7下能够获得组件,但是在ie6和ff3下都不能找到这个组件,错误提示这个组件未定义. 通过我自己的测试: Ext.ComponentMgr.all.each(function(r){alert(r.id)}) 发现定义的form表单在ie6和ff下都没有被加载. 在定义form表单的js文件里面我做的测试 alert("aa"); var form = new Ext.FormPanel({ ... }); alert("bb"); alert("aa")执行了的,但是alert("bb");未执行 请问这个是怎么回事? [b]问题补充:[/b] 是我写错了,是用的Ext.getCmp(); [b]问题补充:[/b] js代码: 第一次用Ext ,不足之处请指教 //用户痕迹统计树形菜单 var statisticsTree = new Ext.tree.TreePanel({ id:'statisticsTree', frame:false, border:false, autoScroll:true, enableDD:false,//是否支持拖拽效果 containerScroll: true,//是否支持滚动条 split:true, rootVisible:false,//是否显示跟节点 //collapseMode:'mini',//在分割线处出现按钮 collapsible: true, margins:'0 0 5 5', loader:new Ext.tree.TreeLoader({ dataUrl:'js/extjs/statisticsTree.json' }) }); var statisticsRoot = new Ext.tree.AsyncTreeNode({ text:'统计', draggable:false, id:'statisticsRoot' }); statisticsTree.setRootNode(statisticsRoot); //ippv统计 var ippv_ds = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ //url:'/platform/management/statistics/statisticsIpPv.htm', method:'post' }), autoLoad:false, remoteSort:false, //服务器端排序 reader: new Ext.data.JsonReader({root:'list',totalProperty:'pagination.count'}, [ {name: '_date'}, {name: 'visitorquantity',type:'int'}, {name: 'ipquantity',type:'int'}, {name: 'pvquantity',type:'float'} ]) }); ippv_ds.load({params:{'pagination.begin':0,'pagination.pageSize':20}}); var sm=new Ext.grid.CheckboxSelectionModel();//表格复选列 var ippv_cm = new Ext.grid.ColumnModel([ {header:'日期',dataIndex:'_date',renderer: function(value){ if(value!=null&&value.length>0){ var d = value.split('T'); return d[0]; } return value; }}, {header:'访客数',dataIndex:'visitorquantity'}, {header:'独立IP数',dataIndex:'ipquantity'}, {header:'PV',dataIndex:'pvquantity'} ]); ippv_cm.defaultSortable = true; var ippv_form = new Ext.FormPanel({ id:'ippv_form', border: false, labelAlign:'right', region:'north', height:80, frame:true, items:[new Ext.form.FieldSet({ title:'查询', columnWidth: 1, layout: 'column', border: true, anchor:'50%', labelWidth: 50, items:[{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '日期:从', name: 'beginDate1', format:'Y-m-d', id:'beginDate1', anchor: '90%' }] },{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '到', name: 'endDate1', format:'Y-m-d', id:'endDate1', anchor:'90%' }] },{ columnWidth:.2, layout: 'form', border:false, items: [{ xtype:'button', text:'查询', handler: function(){ var beginDate = document.getElementById('beginDate1').value; var endDate = document.getElementById('endDate1').value; var url = "/platform/management/statistics/statisticsIpPv.htm?beginDate="+beginDate+"&endDate="+endDate; ippv_ds.proxy = new Ext.data.HttpProxy({ url:url, method:'post' }); ippv_ds.reload(); ippv_grid.reconfigure(ippv_ds,ippv_cm); } }] }] })] }); var ippv_grid = new Ext.grid.GridPanel({ id: 'ippv_grid', region:'center', loadMask:true, ds: ippv_ds, cm: ippv_cm, height:500, layout:'fit', frame:true, bbar: new Ext.PagingToolbar({ pageSize: 20, store: ippv_ds, paramNames:{start: 'pagination.begin', limit: 'pagination.pageSize'}, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录" }) }); //联盟-搜索引擎统计 var union_search_ds = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ //url:'/platform/management/statistics/statisticsFrom.htm', method:'post' }), remoteSort:true, //服务器端排序 reader: new Ext.data.JsonReader({root:'list',totalProperty:'pagination.count'}, [ {name: '_from'}, {name: 'request_quantity',type:'int'}, {name: 'average_request_page_quantity',type:'float'}, {name: 'bounce_rate',type:'float'}, {name: 'register_visitor',type:'int'}, {name: 'registration_rate',type:'float'}, {name: 'order_generation_quantity',type:'int'}, {name: 'listprice',type:'float'}, {name: 'visitor_back_quantity',type:'int'}, {name: 'visitor_quantity',type:'int'}, {name: 'average_back_quantity',type:'float'} ]) }); union_search_ds.load({params:{'pagination.begin':0,'pagination.pageSize':20}}); var union_search_cm = new Ext.grid.ColumnModel([ {header:'来源地',dataIndex:'_from'}, {header:'访问量',dataIndex:'request_quantity'}, {header:'平均访问页面',dataIndex:'average_request_page_quantity'}, {header:'跳出率',dataIndex:'bounce_rate'}, {header:'注册率',dataIndex:'registration_rate'}, {header:'注册人数',dataIndex:'register_visitor'}, {header:'下单人数',dataIndex:'order_generation_quantity'}, {header:'销售码洋',dataIndex:'listprice'}, {header:'回访客数量',dataIndex:'visitor_back_quantity'}, {header:'访客数量',dataIndex:'visitor_quantity'}, {header:'平均回访次数',dataIndex:'average_back_quantity'} ]); union_search_cm.defaultSortable = true; var union_search_form = new Ext.FormPanel({ id:'union_search_form', border: false, labelAlign:'right', region:'north', height:80, frame:true, items:[new Ext.form.FieldSet({ title:'查询', columnWidth: 1, layout: 'column', border: true, anchor:'50%', labelWidth: 50, items:[{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '日期:从', name: 'beginDate2', format:'Y-m-d', id:'beginDate2', anchor: '90%' }] },{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '到', name: 'endDate2', format:'Y-m-d', id:'endDate2', anchor:'90%' }] },{ columnWidth:.2, layout: 'form', border:false, items: [{ xtype:'button', text:'查询', handler: function(){ var beginDate = document.getElementById('beginDate2').value; var endDate = document.getElementById('endDate2').value; var url = "/platform/management/statistics/statisticsFrom.htm?beginDate="+beginDate+"&endDate="+endDate; union_search_ds.proxy = new Ext.data.HttpProxy({ url:url, method:'post' }); union_search_ds.reload(); union_search_grid.reconfigure(union_search_ds,union_search_cm); } }] }] })] }); var union_search_grid = new Ext.grid.GridPanel({ id: 'union_search_grid', region:'center', loadMask:true, ds: union_search_ds, cm: union_search_cm, height:500, layout:'fit', frame:true, bbar: new Ext.PagingToolbar({ pageSize: 20, store: union_search_ds, paramNames:{start: 'pagination.begin', limit: 'pagination.pageSize'}, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录" }) }); //搜索引擎关键字统计 var keyword_ds = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ //url:'/platform/management/statistics/statisticsKeyword.htm', method:'post' }), autoLoad:false, remoteSort:true, //服务器端排序 reader: new Ext.data.JsonReader({root:'list',totalProperty:'pagination.count'}, [ {name: '_from'}, {name: 'keyword',type:'string'}, {name: 'search_quantity',type:'int'} ]) }); keyword_ds.load({params:{'pagination.begin':0,'pagination.pageSize':20}}); var keyword_cm = new Ext.grid.ColumnModel([ {header:'来源地',dataIndex:'_from'}, {header:'关键字',dataIndex:'keyword'}, {header:'搜索次数',dataIndex:'search_quantity'} ]); keyword_cm.defaultSortable = true; var keyword_form = new Ext.FormPanel({ id:'keyword_form', border: false, labelAlign:'right', region:'north', height:80, frame:true, items:[new Ext.form.FieldSet({ title:'查询', columnWidth: 1, layout: 'column', border: true, anchor:'50%', labelWidth: 50, items:[{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '日期:从', name: 'beginDate3', format:'Y-m-d', id:'beginDate3', anchor: '90%' }] },{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '到', name: 'endDate3', format:'Y-m-d', id:'endDate3', anchor:'90%' }] },{ columnWidth:.2, layout: 'form', border:false, items: [{ xtype:'button', text:'查询', handler: function(){ var beginDate = document.getElementById('beginDate3').value; var endDate = document.getElementById('endDate3').value; var url = "/platform/management/statistics/statisticsKeyword.htm?beginDate="+beginDate+"&endDate="+endDate; keyword_ds.proxy = new Ext.data.HttpProxy({ url:url, method:'post' }); keyword_ds.reload(); keyword_grid.reconfigure(keyword_ds,keyword_cm); } }] }] })] }); var keyword_grid = new Ext.grid.GridPanel({ id: 'keyword_grid', ds: keyword_ds, cm: keyword_cm, region:'center', loadMask:true, height:500, layout:'fit', frame:true, bbar: new Ext.PagingToolbar({ pageSize: 20, store: keyword_ds, paramNames:{start: 'pagination.begin', limit: 'pagination.pageSize'}, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录" }) }); // 页面访问数量统计 var access_quantity_ds = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ //url:'/platform/management/statistics/statisticsPage.htm', method:'post' }), autoLoad:false, remoteSort:true, //服务器端排序 reader: new Ext.data.JsonReader({root:'list',totalProperty:'pagination.count'}, [ {name: 'page'}, {name: 'quantity',type:'int'} ]) }); access_quantity_ds.load({params:{'pagination.begin':0,'pagination.pageSize':20}}); var access_quantity_cm = new Ext.grid.ColumnModel([ {header:'页面',dataIndex:'page'}, {header:'访问数量',dataIndex:'quantity'} ]); access_quantity_cm.defaultSortable = true; var access_quantity_form = new Ext.FormPanel({ id:'access_quantity_form', border: false, labelAlign:'right', region:'north', height:80, frame:true, items:[new Ext.form.FieldSet({ title:'查询', columnWidth: 1, layout: 'column', border: true, anchor:'50%', labelWidth: 50, items:[{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '日期:从', name: 'beginDate4', format:'Y-m-d', id:'beginDate4', anchor: '90%' }] },{ columnWidth:.4, layout: 'form', border:false, items: [{ xtype:'datefield', fieldLabel: '到', name: 'endDate4', format:'Y-m-d', id:'endDate4', anchor:'90%' }] },{ columnWidth:.2, layout: 'form', border:false, items: [{ xtype:'button', text:'查询', handler: function(){ var beginDate = document.getElementById('beginDate4').value; var endDate = document.getElementById('endDate4').value; var url = "/platform/management/statistics/statisticsPage.htm?beginDate="+beginDate+"&endDate="+endDate; access_quantity_ds.proxy = new Ext.data.HttpProxy({ url:url, method:'post' }); access_quantity_ds.reload(); access_quantity_grid.reconfigure(access_quantity_ds,access_quantity_cm); } }] }] })] }); var access_quantity_grid = new Ext.grid.GridPanel({ id: 'access_quantity_grid', ds: access_quantity_ds, cm: access_quantity_cm, region:'center', loadMask:true, height:500, layout:'fit', frame:true, bbar: new Ext.PagingToolbar({ pageSize: 20, store: access_quantity_ds, paramNames:{start: 'pagination.begin', limit: 'pagination.pageSize'}, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录" }) }); //各来源地销售统计 var from_ds = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ //url:'/platform/management/statistics/statisticsCommodity.htm', method:'post' }), autoLoad:false, remoteSort:true, //服务器端排序 reader: new Ext.data.JsonReader({root:'list',totalProperty:'pagination.count'}, [ {name: '_from'}, {name: 'commodity.name',type:'string'}, {name: 's',type:'int'} ]) }); from_ds.load({params:{'pagination.begin':0,'pagination.pageSize':20}}); var from_cm = new Ext.grid.ColumnModel([ {header:'来源地',dataIndex:'_from'}, {header:'商品名',dataIndex:'commodity.name',sortable:false}, {header:'销售数量',dataIndex:'s'} ]); from_cm.defaultSortable = true; var from_form = new Ext.FormPanel({ id:'from_form', border: false, labelAlign:'right', region:'north', height:140, frame:true, items:[new Ext.form.FieldSet({ title:'查询', columnWidth: 1, layout: 'column', border: true, anchor:'50%', labelWidth: 60, items:[{ columnWidth:.4, layout: 'form', border:false, items: [{ width:130, xtype:'datefield', fieldLabel: '日期,从', name: 'beginDate5', format:'Y-m-d', id:'beginDate5' }, { width:130, xtype:'textfield', fieldLabel: '来源地', allowBlank: false, blankText:'来源地不能为空', name: 'from', id:'from' }] },{ columnWidth:.4, layout: 'form', items: [{ width:130, xtype:'datefield', fieldLabel: '到', format:'Y-m-d', name: 'endDate5', id:'endDate5' },{ width:130, xtype:'numberfield', fieldLabel: '商品编号', name: 'commodityId', id:'commodityId' }] },{ columnWidth:.4, layout: 'form', bodyStyle:'padding:20px 5px 0', border:false, items: [{ xtype:'button', text:'查询', handler: function(){ if (!from_form.getForm().isValid()) { return; } var beginDate = document.getElementById('beginDate5').value; var endDate = document.getElementById('endDate5').value; var from = from_form.getForm().findField("from").getValue(); var commodityId = from_form.getForm().findField("commodityId").getValue(); var url = "/platform/management/statistics/statisticsCommodity.htm?beginDate="+beginDate+"&endDate="+endDate+"&from="+from+"&commodityId="+commodityId; from_ds.proxy = new Ext.data.HttpProxy({ url:url, method:'post' }); from_ds.reload(); from_grid.reconfigure(from_ds,from_cm); } }] }] })] }); var from_grid = new Ext.grid.GridPanel({ id: 'from_grid', ds: from_ds, cm: from_cm, region:'center', loadMask:true, layout:'fit', height:500, frame:true, bbar: new Ext.PagingToolbar({ pageSize: 20, store: from_ds, paramNames:{start: 'pagination.begin', limit: 'pagination.pageSize'}, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录" }) }); [b]问题补充:[/b] 2个alert()之间的代码,是user_trace.statistics.js 里面ippv_form [b]问题补充:[/b] 页面太简单了嘛,直接引用2个js文件就可以了 [b]问题补充:[/b] 请问怎么才是js封装到位了,给个例子嘛

关于bootstrap的页面遮罩数据传输问题

我用的bootstrap写好的 页面遮罩, 如果我想把主页面的数据,用js传输到bootstrap的遮罩里面,应该怎么做 ?。 除了更改bootstrap.js的源代码 还有其他方法么。

关于鼠标移开遮罩层后,移除遮罩层的问题求大神解救!!!急++++

我想做一个遮罩层,鼠标移动item1上的时候,在其上添加一个遮罩层, 当鼠标离开后删除遮罩层,以下是我写的代码,不能如愿实现, 问题在哪里,求高手指教!!! <head> <title>遮盖层</title> <style type="text/css"> .item1 { float: left; border: 1px solid #999999; width: 490px; } .item2 { float: left; width: 490px; margin-left: 10px; border: 1px solid #0000FF; } body { margin-right: auto; margin-left: auto; width: 1000px; } </style> $(function(){ $(".item1").mouseover(function () { var thiswidth = $(this).outerWidth(); var thisheight = $(this).outerHeight(); var pos_xy = $(this).position(); $(this).before("〈div class='zhe' style='width:" + thiswidth + "px; height:" + thisheight + "px;position: absolute;z-index: 9998;left: " + pos_xy.left + "px;top: " + pos_xy.top + "px;filter: Alpha(Opacity=80);-moz-opacity: 0.8;opacity: 0.8;background-color: #FF0000;display:block'><span id='edit'>编辑</span>〈a class='cancle' href='#'>取消</a〉</div〉"); }); $(".zhe").mouseleave(function () { $(".zhe").remove(); alert("离开并删除了"); }); $(".cancle").mouseleave(function () { $(".zhe").remove(); alert("离开并删除了"); }); }) 《div class="item1"》 《p>模块一</p〉 《p>模块一</p》 </div》 《div class="item2"> 《p>模块二</p》 《p>模块二</p〉 《/div> )

Extjs 的遮罩层下的字体

Extjs 的遮罩层下的字体,label的字体和combobox的label的字体颜色不一样?如何变成一样的呢?

Ext window 的遮罩没有起作用

[code="java"] var win = new Ext.Window({ title: '手机短信报警', width: 300, height:130, id:'win', plain : true, closeAction: 'hide', maskDisabled : false , items:new Ext.form.FormPanel({ width:290, maskDisabled : false , frame:true, items:[{ xtype:"panel", layout:"column", fieldLabel:"手机号码",//文本框标题 isFormField:true, items:[{ columnWidth:.5, xtype:"textfield", allowBlank:false, blankText:"不能为空,请填写", name:"number", id:"number", anchor:"60%" },{ },{}] },{ xtype:"panel", layout:"column", fieldLabel:"验证码", items:[{ columnWidth:.3, xtype:"textfield", allowBlank:false, blankText:"不能为空,请填写", name:"code", id:"code", anchor:"60%" },{ xtype:"button", anchor:"40%", text:"发送短信", id:"send", handler:function(){ checkNmber(); } },{ xtype:"label", id:"time" }] }], buttons:[{text:"提交",id:'submit',handler:function(){validate()}},{text:"重置",handler:function(){alert("事件!");}}] }) }); win.show(); [/code] 不管maskDisabled 等于true还是false都没有遮罩效果

如何用JavaScript实现遮罩层并且可以指定位置高亮

想要用Javascript实现一个弹出的全网页遮罩层,并且这个遮罩层可以指定高亮位置,比如高亮被遮住的某一个<div>元素。 求教前端大神指点一二,给个例子什么的~~拜谢!![图片说明](https://img-ask.csdn.net/upload/201602/09/1455021686_557805.png)

如何在Unity中实现两个多部分图像之间的遮罩?

本人之前是玩Gamemaker Studio 2的,玩腻了之后决定学一下unity,但是由于是unity的新手,所以很多问题都不会,其中有一个问题就是这个: 有三张sprite图片: ![器械的头部分](https://img-ask.csdn.net/upload/201809/12/1536751594_669787.png) ![器械的柱子部分](https://img-ask.csdn.net/upload/201809/12/1536751602_847712.png) ![绑住器械的一片绑带](https://img-ask.csdn.net/upload/201809/12/1536751651_877165.png) 我想实现让器械被一片一片不断增加的绷带缠住的样子: ![要实现的效果](https://img-ask.csdn.net/upload/201809/12/1536753301_423392.gif) 最先想到的是利用SpriteMask,不过我的游戏可能会出现Sorting Layer相同和Order in Layer相同的sprite,用SpriteMask的话容易“误伤”其他的sprite。后来尝试了一下UI的Mask,结果发现UI的Mask只能以一张sprite作为mask,拥有多张sprite的图像就没有办法使用了。 求问各位大佬,如何实现这样的效果?

手机端弹出层弹出时弹出层的内容滚动,同时禁止body内容滚动

最近做的一个项目,手机端的网站,请问弹出层弹出的时候禁止页面底下的body页面内容滚动,但是同时又需要弹出层里面额内容可以滚动,这种效果怎么实现,试过获取页面的scrollTop,然后弹出层出现后给也页面scrollTop()到滑动的位置,但是这种方法在安卓系统上(特别是小米)上运行不流畅,各位同行有没有好的方法可以解决呢?

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# dbml文件 修改 c#遍历tree c# 能够控制单片机 c#对象写入数据库 c# 添加activex c#2005 json c# 数据库在云端 c# 字符串移位加密 c#禁用滚轮 c#实体类list去重复
立即提问