导航

图片自动加载

Posted on 2015-09-28 16:56  powerlx  阅读(219)  评论(0编辑  收藏  举报
  • 首先这里面为什么不用window.onload而用document.ready了,两个有什么不一样么

    还有我怎么才能让动画在整个网页出现之后再出现啊自己写了但是没有效果:


    window.onload(function () {
    var win;
    function mywin() {
    win = setTimeout(function () {
    $("#h1").slideUp(2000);
    $("#div4").slideUp(1000);
    alert("1000");
    }, 1000);
    }
    mywin();
    })

    或者

    $(document).ready(function () {

    var win;
    function mywin() {
    win = setTimeout(function () {
    $("#h1").slideUp(2000);
    $("#div4").slideUp(1000);
    alert("1000");
    }, 1000);
    }
    mywin();})

    但是都不对==

    ========================================

    window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 

    $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 

    window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 。

    $(document).ready()可以同时编写多个,并且都可以得到执行。 

    window.onload没有简化写法。

    $(document).ready(function(){})可以简写成$(function(){});

    这样写:

    var $$ = function(func){  

                if (document.addEventListener) {  

                    window.addEventListener("load", func, false);  

                }  

                else if (document.attachEvent) {  

                    window.attachEvent("onload", func);  

                }  

            }  

              

            $$(function(){  

                show();  

            }) 

     

     

     

    使用的时候只要这样:

    $$(function(){...此处加上需要执行的内容...});即可