用jQuery做页面预加载

用jQuery做页面预加载

       在网页加载之前出现如进度条这一类的小动画是一种很好看的特效，使用jQuery可以很方便的做出这种效果。
我在这里使用的是

$(selector).animate(styles,speed,easing,callback)

这个语句
其中，1、style就是CSS的样式，比如margin，width等
2、speed指的是：规定动画的速度。默认是 “normal”，同样的，它的值也和hide()
这些函数中的speed相同，可能的值有 毫秒 （比如 1500），“slow”，“normal”，"fast"
3、easing指规定在不同的动画点中设置动画速度的 easing 函数，内置的 easing 函数有swing，linear等
4、callback是指animate 函数执行完之后，要执行的函数

$({property: 0}).animate({property: 100}, {
    duration: 3000,
    step: function() {
        var percentage = Math.round(this.property);