自己写的操作等待浮出层
在实际项目中,用户的某些操作常常需要等待前面的操作完成后再往后进行,这时就需要一个浮出层覆盖整个操作区域。
收集参考了网上的一些方案后,整理了下,写成了通用的方法,与大家分享。
代码很简单,很容易看懂,因此没有加多少注释。
代码还有很多需要改进的地方,将持续更新。
实现功能:
1.使用js代码生成覆盖整个页面的浮出层,不需要单独在页面上定义div层。
2.支持等待一段时间后自动结束,或点击stop按钮结束等待,
3.支持结束等待前,用户自定义操作。
4.用户定制等待提示信息。
使用方法:
代码使用简单,可以通过传入的不同参数,定制不同的功能。
功能由两个function构成:
startWait()
stopWait()
1.startWait
生成浮出层,覆盖整个页面
可传入一个json对象,由四个属性构成
opt={
message:''
timer:
stopBtnEnable: //
beforeStop:
}
属性解释:
message:浮出层上,显示的提示信息
timer:等待时间,单位毫秒.等待timer毫秒后,自动结束等待
stopBtnEnable:stop按钮是否可用。如果可用,在message下方将出现一个按钮,点击按钮可以结束等待。
beforeStop:在结束等待前,执行的function的名称
2.stopWait
结束等待,移除浮出层
可以传入一个参数。
beforeStop:在结束等待前,执行的function的名称
附件内有demo
- 大小: 86.2 KB
分享到:
相关推荐
android,浮出层,动态显示内存,ip,上下行码流
div浮出 控制层伸缩 div浮出 控制层伸缩 div浮出 控制层伸缩
用js写的点击浮出小窗口,很好用哦。用js写的点击浮出小窗口,很好用哦。
多种弹出漂浮层JS网页特效
物联网操作系统浮出水面.doc
物联网操作系统浮出水面.docx
silverlight 浮出层的DEMO,非常好的解决了silverlight 模式窗口的问题
浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧
浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧! HTML: 复制代码代码如下: ”poptip”> ”poptip-arrow>◆</em><i>◆</i></span> ”poptip-...
制作浮出效果海报字体PPT教程。给文字添加阴影效果,示例添加的为向下阴影效果,示例当中文字为华康海报体W12字体。再复制一套文字,更改颜色,设置文本轮廓,轮廓与字体同一颜色,轮廓粗细按实际情况调整,阴影设置...
用CSS实现跟随滚动条漂浮层代码,纯CSS实现,鼠标跟随漂浮层。可自己有定制漂浮位置。
动态的一个等待层效果,类似饿了么,在代码中我做了注释希望能帮助到大家
弹出窗体 PopupDIV 浮出对话框 支持IE6,Firefox,IE7效果不好
整理div+css弹出层,带关闭按钮供大家参考
RightPop,右下角浮出界面,弹出广告式界面
本文主要让MenuFlyout出现在我们右击位置。我们建一个ListView,然后绑定后台,在我们ListView要右击显示我们的浮出,要求我们的浮出在我们点击位置
AMD六核处理器“伊斯坦布尔”浮出水面.pdf