自己写的JS操作等待浮出层

在实际项目中,用户的某些操作常常需要等待前面的操作完成后再往后进行,这时就需要一个浮出层覆盖整个操作区域。

收集参考了网上的一些方案后,整理了下,写成了通用的方法,与大家分享。
代码很简单,很容易看懂,因此没有加多少注释。

代码还有很多需要改进的地方,将持续更新。

集装箱运费

实现功能:
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的名称


posted @ 2011-06-15 09:28  ctou45  阅读(460)  评论(0编辑  收藏  举报