日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

bootstrap登錄界面實(shí)例 bootstrap登錄注冊(cè)界面

主要特色:使用bootstrap搭建,登陸注冊(cè)在一個(gè)頁面,背景圖片輪播
說明:圖片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>登錄注冊(cè)</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內(nèi)核的瀏覽器(如QQ瀏覽器)下顏色被覆蓋 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)會(huì)讀懂,但解析為透明 */
}
#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內(nèi)核的瀏覽器(如QQ瀏覽器)下顏色被覆蓋 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)會(huì)讀懂,但解析為透明 */
}
</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 –>

推薦閱讀