首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

自各儿写的操作等待浮出层

2012-10-06 
自己写的操作等待浮出层自己写的操作等待浮出层在实际项目中,用户的某些操作常常需要等待前面的操作完成后

自己写的操作等待浮出层

自己写的操作等待浮出层

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

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

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



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

 

热点排行