jQuery创建正在加载半透明对话框
使用jquery创建正在加载的半透明缓冲对话框,兼容ie、火狐、chome等浏览器。
主要的思路:
- 在body插入一个div,用绝对定位,填充满整个页面,可以用半透明背景
- 创建一个新的div层,也是绝对定位,用z-index属性,使之漂浮在第一div上面,居中显示,实现loading效果。
效果如下
调用示例
// 引入包
<script src="jq_mydialog.js" type="text/javascript"></script>
<link href="my_dialog.css" type="text/css" rel="stylesheet" />
$(function (){
//自定义缓冲标题
$.myloading({title: "test"});
//关闭缓冲效果
//$.myloading("hide");
});
亲自试一试:Demo