当前位置: 代码迷 >> Web前端 >> 创设LOADING遮罩
  详细解决方案

创设LOADING遮罩

热度:136   发布时间:2012-10-08 19:54:56.0
创建LOADING遮罩

????? 感觉挺炫的效果,其实很简单,在要遮罩的元素的创建以下的子元素,通过这个子元素去遮挡父元素原本的内容,

?

具体如下

?

<div class='dhx_loading_cover' style='display:none'></div>

?

???? 看情况,可以直接用新元素替换掉原来的元素,也可以直接修改原来已经存在的遮罩层的display属性,设置为block。

?

程序只负责显示或者不显示,真正负责其效果的是还是CSS,如下

?

.dhx_loading_cover{
?width:100%;
?height:100%;
?background-color:silver;
?background-image:url(./imgs/loading.png);
?background-repeat:no-repeat;
?background-position:center;
}

?

???? 可见对于WEB开发者而言,懂得CSS是很重要的,虽然就算没有遮罩效果系统也可以用,样式古里古怪,大小不适应这样的问题,对于开发者的逻辑而言不是大问题,可是在用户看来就很不爽,不可能给你好评。

?

??? ?通常时候,再牛B的项目或架构,到最后还是要由程序员来实现,而且无论是项目经理还是项目的其他人员都习惯性的推卸责任(很多时候人和人之间总是互相推卸责任,还互相诋毁贬低),而承担责任最多的又常常是程序员(有时候推无可推),常常客户的多变和设计需求上的缺陷到最后都会映射成开发人员的巨大工作量,而工期是难以改变的,加班是没有加班费的,这就是程序开发者的郁闷之处,也是程序员非常被动逃避消极的原因之所在。

  相关解决方案