|
|
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html{width: 100%;height: 100%;margin:0;font-family:"微軟雅黑";font-size:14px;}
body{background:url(tiananmen.jpg) center center;background-size:98%;}
#l-map{height:300px;width:100%;}
#r-result{width:100%;}
</style>
<meta charset="UTF-8">
<title>北京市景點(diǎn)查詢系統(tǒng)登陸界面</title>
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>
<body>
<div class="content">
<div style="left: 550px; position: absolute; top: 50px;font-size:25px">北京市景點(diǎn)在線查詢系統(tǒng)</div>
<div class="logCon">
<span style="margin-left:300px;margin-top:300px;width:100px;height:20px;"><font color=#FFFFFF>賬號(hào):</font></span>
<input class="bt_input" type="text" style="margin-left:40px;margin-top:300px;width:150px;height:20px;" />
<span style="margin-left:40px;margin-top:300px;width:150px;height:20px;"><font color=#FFFFFF>密碼:</font></span>
<input class="bt_input" type="text" style="margin-left:40px;margin-top:300px;width:150px;height:20px;" />
<button type="button" class="logingBut" style="margin-left:100px;margin-top:100px;width:90px;height:30px;" >登錄</button>
</div>
</div>
<script>
var username = document.getElementsByClassName('bt_input')[0];
var password = document.getElementsByClassName('bt_input')[1];
var button = document.getElementsByClassName('logingBut')[0];
button.onclick=function(){
if(username.value=="fangqian"&&password.value=="123456"){
alert('登陸成功');
location.href="file:///C:/Users/%E5%85%83%E6%B0%94/Desktop/webgis/%E5%8C%97%E4%BA%AC%E5%B8%82%E6%99%AF%E7%82%B9.html";
}else{
alert('登錄失敗')
}
}
</script>
</body>
</html>
|
|
QQ好友和群
QQ空間
騰訊微博
騰訊朋友
收藏
淘帖
頂
踩
