zoukankan      html  css  js  c++  java
  • jQuery 打开页面渐现效果

    思路:把页面中所有的标签放到一个div中,然后再再最后添加一个空div标签fadeDiv,用fadeDiv遮挡body使fadeDiv渐现

    <head runat="server">
        <title></title>
        <script src="../jquery132min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                var p = $("body");
                var offset = p.offset();
                $("#fadeDiv").css({ top: offset.top, left: offset.left, $("#bodyDiv").width(), height: $("body").height(), backgroundColor: "white", opacity: 1, position: "absolute" });
                if (jQuery.isReady) {
                    $("#fadeDiv").fadeOut(1000);
                }
            })
        </script>
       </head>
    <body>
        <form id="form1" runat="server">
        <div id="bodyDiv">
                </div>
        <div id="fadeDiv">
        </div>
        </form>
    </body>
    </html>
  • 相关阅读:
    20151224--
    20151223--联系人项目
    20151222--Ajax三级无刷新
    20151221--三级有刷新联动
    20151220--导航前四问已解答
    递归
    Request和Response详解
    无刷新三级联动查询
    20151219--导航自己制作的一部分
    151030
  • 原文地址:https://www.cnblogs.com/ajun/p/2215128.html
Copyright © 2011-2022 走看看