zoukankan      html  css  js  c++  java
  • 3s自动跳转到登陆界面

     cdn资源

    Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等,助力开发者掌握并使用这一框架。
    
    1、Bootstrap中文网cdn加速点
    http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.css
    http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css
    http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.css.map
    http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.css
    http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.css.map
    http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css
    
    2、加速乐Bootstrap cdn加速点
    http://mini.jiasule.com/framework/bootstrap/2.3.1/css/bootstrap.min.css
    http://mini.jiasule.com/framework/bootstrap/2.3.1/js/bootstrap.min.js
    http://mini.jiasule.com/framework/bootstrap/2.3.1/css/bootstrap-responsive.min.css
    
    3、百度Bootstrap cdn 加速点
    http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap-theme.min.css
    http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css
    http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.eot
    http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.svg
    http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.ttf
    http://apps.bdimg.com/libs/bootstrap/3.2.0/fonts/glyphicons-halflings-regular.woff
    http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js
    
    http://apps.bdimg.com/libs/bootstrap/2.3.2/css/bootstrap-responsive.min.css
    http://apps.bdimg.com/libs/bootstrap/2.3.2/css/bootstrap.min.css
    http://apps.bdimg.com/libs/bootstrap/2.3.2/js/bootstrap.min.js
    http://apps.bdimg.com/libs/bootstrap/2.3.2/img/glyphicons-halflings-white.png
    http://apps.bdimg.com/libs/bootstrap/2.3.2/img/glyphicons-halflings.png
    
    bootstrap使用cdn加速点的好处就是可以最大限度节省我们主机的带宽、节省网页加载时间,从而为网站用户提供更快、更好的体验。
    
    bootstrap使用方法
    在页面代码< head >...< /head >中插入如下链接即可

    前缀规范

    每个局部变量都需要有一个类型前缀,按照类型可以分为:

    s:表示字符串。例如:sName,sHtml;

    n:表示数字。例如:nPage,nTotal;

    b:表示逻辑。例如:bChecked,bHasLogin;

    a:表示数组。例如:aList,aGroup;

    r:表示正则表达式。例如:rDomain,rEmail;

    f:表示函数。例如:fGetHtml,fInit;

    o:表示以上未涉及到的其他对象,例如:oButton,oDate;

     

    <!DOCTYPE html>
    <html class="error-page">
    <head>
       <title>404 error page</title>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
       <!-- Bootstrap -->
       <link rel="stylesheet" media="screen" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
    
       <!-- Bootstrap Admin Theme -->
       <!-- Bootstrap Error Page -->
       <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
       <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
       <!--[if lt IE 9]>
       <script src="js/static/html5shiv.js"></script>
       <![endif]-->
    </head>
    <body>
    
    <!-- content -->
    <div class="container-fluid">
       <div class="row-fluid">
          <div class="col-lg-12">
             <div class="centering text-center" style="margin-top: 10%;">
                <div class="text-center">
                   <h2 class="without-margin">
                      <span class="text-success"><big>404</big></span> 错误.
                   </h2>
                   <h4 class="text-success">没有该项资源</h4>
                   <div>页面将在<span id="num"></span>秒后跳转...<br/></div>
                </div>
    
             </div>
          </div>
       </div>
    </div>
    
    
    </body>
    <script type="text/javascript">
       var count=8;
       $(document).ready(function() {
          function jump() {
             window.setTimeout(function () {
                count--;
                if (count > 0) {
                   $('#num').html(count);
                   jump(count);
                } else {
                   location.href = "login.html";
                }
             }, 1000);
          }
    
          jump(3);
       });
    </script>
    </html>

     

  • 相关阅读:
    【基础算法】- 全排列
    【基础算法】- 2分查找
    区块链培训
    Static Binding (Early Binding) vs Dynamic Binding (Late Binding)
    test
    No data is deployed on the contract address!
    "throw" is deprecated in favour of "revert()", "require()" and "assert()".
    Variable is declared as a storage pointer. Use an explicit "storage" keyword to silence this warning.
    京都行
    Failed to write genesis block: database already contains an incompatible
  • 原文地址:https://www.cnblogs.com/zxyun/p/5646581.html
Copyright © 2011-2022 走看看