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>
  • 相关阅读:
    IDE-常用插件
    Go-竞态条件-锁
    Go-发送邮件
    复刻网络Yum源配置为本地Yum源使用
    测试
    九.查找算法
    九.多线程-PDF笔记
    八.设计模式
    八.排序算法:复杂度
    七.注解
  • 原文地址:https://www.cnblogs.com/ajun/p/2215128.html
Copyright © 2011-2022 走看看