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>

     

  • 相关阅读:
    多测师肖老师_设计用例方法之场景法___(4.6)
    多测师肖老师_设计用例方法之正交表___(4.5)
    多测师肖老师_设计用例方法之因果图___(4.4)
    多测师肖老师_设计用例方法之边界值___(4.3)
    多测师肖老师_设计用例方法之状态迁移法___(4.7)
    多测师肖老师_设计用例方法之等价类___(4.2)
    多测师肖老师_设计用例方法之微信发红包xmind图___(5.1)
    Python+Appium自动化环境搭建
    QQ传文件测试要点
    Python算法(一)冒泡排序
  • 原文地址:https://www.cnblogs.com/zxyun/p/5646581.html
Copyright © 2011-2022 走看看