3s自动跳转到登陆界面

时间：2024-11-23 18:05:39

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；

3s自动跳转到登陆界面

<!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>

相关文章