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>
时间: 2024-08-14 01:44:32

3s自动跳转到登陆界面的相关文章

session过期后自动跳转到登陆页

项目需要做一个自动登出的功能,查询了网上的资料,一开始准备用session监听做,按照下面方式配置监听器 1.在项目的web.xml文件中添加如下代码: <!--添加Session监听器--> <listener> <listener-class> 监听器路径 </listener-class> </listener> 2.编写java类. public class SessionListener implements HttpSessionLi

ubuntu-登陆后跳载回登陆界面

现象:在Ubuntu登陆界面输入密码之后,黑屏一闪并且出现了check battery state之类的文字之后,又跳转到登录界面.原因:主目录下的.Xauthority文件拥有者变成了root,从而以用户登陆的时候无法都取.Xauthority文件. 说明:Xauthority,是startx脚本记录文件.Xserver启动时,读文件~/.Xauthority,读入对应其display的记录.当一个需要显示的客户程序启动调用XOpenDisplay()也读这个文 件,并把找到的magic co

Android中自动跳转到系统设置界面

跳转方式 Intent intent = new Intent(Settings.*********); startActivity(intent);   或者: startActivity(new Intent(Settings.ACTION_SETTINGS));   1. ACTION_ACCESSIBILITY_SETTINGS : // 跳转系统的辅助功能界面 2. ACTION_ADD_ACCOUNT : // 显示添加帐户创建一个新的帐户屏幕.[测试跳转到微信登录界面] 3. AC

设置闪屏以及跳转到登陆界面实例演示

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <Image

判断用户是否登录(没有登录则跳转到登陆界面)

C# 用户登录成功后,将用户名存储到mySession键值对中 IDictionary<string, Object> mySession = new Dictionary<string, object>(); mySession.Add(BaseController.CheckLogin, data.userName); 存储完毕后前台页面() checkLogin(); //第一次检查是否登陆 setInterval(checkLogin,30000); //每隔30秒检查一次

当session过期后自动跳转到登陆页而且会跳出iframe框架

写项目时在重定向后一直存在一个问题就是重定向后登陆页面会出现在跳出的子框架里. 解决方法: 在登陆界面的<body></body>里加上 1 <script type="text/javascript"> 2 //session过期后刷新父页面 3 if (window != top) 4 top.location.href = location.href; 5 </script> 即可跳出iframe框架

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件)

ExtJs4.2 登陆界面(点击验证码自动刷新,label实现click事件) 转载请注明:http://blog.csdn.net/qiuzhping/article/details/42596339 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <%@ page langu

Android——实现欢迎界面的自动跳转(转)

Android实现欢迎界面的自动跳转,就是打开某一个安卓手机应用,出现的欢迎界面停留几秒钟,自动进入应用程序的主界面.在网上看到很多种实现办法,但是感觉这种方法还是比较简单的. 在onCreate里设置个Timer,然后建立Intent指向你要调用Activity.设置Timer 10妙后执行startActivity就行了. 示例代码: final Intent it = new Intent(this, Activity1.class); //你要转向的Activity Timer time

一个简单WPF登陆界面,包含记住密码,自动登录等功能,简洁美观

简介:这是一个自己以前用WPF设计的登陆界面,属于一个实验性的界面窗体,如果用于产品还很有不足.但也是有一点学习价值.后台代码略有复杂,但基本上都有注释 分类,略有代码经验的一般都能看懂. 登陆界面外观:可以对登陆成功的信息,进行保存.包括记住密码,自动登陆等信息,默认显示上一次登陆成功的用户信息. 登陆界面保存的登陆信息: 可以删除不必要的登陆信息 登陆界面登陆Loading状态显示界面:登陆中显示遮罩层 在1.5秒左右的时间内可以取消登录状态 源码下载: 点击下载源码