jQuery 页面加载等待特效，当数据加载完成效果消失的代码？

页面加载等待特效，当数据加载完成效果消失的代码如下:

$.ajax({

url:"",

type:"post",

data:{"xx":"xx"},

beforeSend:function(){

//这里是开始执行方法，显示效果，效果自己写

},

complete:function(){

//方法执行完毕，效果自己可以关闭，或者隐藏效果

},

success:function(){

//数据加载成功

},

error:function(){

//数据加载失败

}

})

在网页中是不可能实现和 Flash 一样的真正的 Loading 效果的，只能模拟或者用近似的方法实现。

<div id=demo style="color:#494949">Loading...</div>

<script>

var i=69

var url="http://www.sqhaha.com.cn" //修改为你要加载的网页路径

function load(){

if(i<249){

i+=10

demo.innerText+="■" //每500毫秒在id为demo的元素内的文字添加一个 ■

//设置id为demo的元素的文字颜色向白色渐变

demo.style.color="rgb("+[i,i,i].join(",")+")"

setTimeout("load()",500) //500毫秒后再次执行load()函数

}

else setTimeout("location=url",1000) //1秒后转到目标页

}

load() //运行 load 函数

</script>

---