bootstrap登录界面实例 bootstrap登录注册界面 _云知道

主要特色：使用bootstrap搭建，登陆注册在一个页面，背景图片轮播
说明：图片820×560
代码：
<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<title>登录注册</title>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + “://”
+ request.getServerName() + “:” + request.getServerPort()
+ path + “/”;
%>
<link rel=”shortcut icon” href=https://www.jinnalai.com/fenxiang/”img/brandbest.png” />
<!– Bootstrap –>
<link href=https://www.jinnalai.com/fenxiang/”bootstrap/css/bootstrap.min.css” rel=”stylesheet”>
<style>
body:{
}
#login_div{
width:26%;
hight:30%;
/*float:right;
margin-top:110px;
margin-right:160px; */
margin-left:37%;
margin-top:10%;
color:white;
position:absolute;
z-index:9999;
background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
}
#regist_div{
width:26%;
hight:30%;
/*float:right;
margin-top:110px;
margin-right:160px; */
margin-left:37%;
margin-top:10%;
display:none;
color:white;
position:absolute;
z-index:9999;
background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
}
</style>
<!– HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries –>
<!– WARNING: Respond.js doesn’t work if you view the page via file:// –>
<!–[if lt IE 9]>
<script src=https://www.jinnalai.com/fenxiang/”http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js”>
<script src=https://www.jinnalai.com/fenxiang/”http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js”>
<![endif]–>
<!– <script type=”text/javascript” src=https://www.jinnalai.com/fenxiang/”js/jquery-3.1.1.js”> –>
<script type=”text/javascript” src=https://www.jinnalai.com/fenxiang/”js/jquery-1.11.3.js”>
<script type=”text/javascript”>
$(function(){
$(“#gologin”).click(function(){
$(“#login_div”).show();
$(“#regist_div”).hide();
});
$(“#goregist”).click(function(){
$(“#login_div”).hide();
$(“#regist_div”).show();
});
});
</script>
</head>
<body>
<div class=”bg” style=”width:100%;height:100%;position:absolute;”>
<div id=”carousel-example-generic” class=”carousel slide” data-ride=”carousel”>
<!– Indicators –>
<ol class=”carousel-indicators”>
<li style=”display:none;” data-target=”#carousel-example-generic” data-slide-to=”0″ class=”active”></li>
<li style=”display:none;” data-target=”#carousel-example-generic” data-slide-to=”1″></li>
<li style=”display:none;” data-target=”#carousel-example-generic” data-slide-to=”2″></li>
</ol>
<!– Wrapper for slides –>

bootstrap登录界面实例 bootstrap登录注册界面

推荐阅读

泡泡糖怎么洗泡泡糖怎么洗才能洗掉

2022三亚免税店暂停营业时间

摩托bn600是什么车 bj摩托车什么意思

辐射76单手近战+潜狙怎么玩辐射76单手近战+潜狙玩法攻略

取暖器放高处还是低处好-取暖器怎么放比较暖

男性可以进母婴室吗？

为什么win10跳0221错误代码

猫爪简笔画

转换pdf怎么转换，怎么将格式转换成pdf格式文件格式不变动

炒土豆丝虽然简单但怎么做才好吃呢

吃橙子可以丰胸吗

书籍分类有哪几大类

孕妇梦见杀人是胎梦吗

金毛串串幼犬多少一只,买的金毛串串

食用纯碱和食用小苏打有什么区别

中国苹果序列号查询官网，苹果官网怎么查询序列号苹果序列号FK1R2Q