<!DOCTYPE>
|
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<title>信息弹窗</title>
|
</head>
|
|
<body>
|
<div class="box">
|
<div class="BoxOne">
|
<div id="name" class="titleOne headOne">北工大软件园•荣京道</div>
|
<div class="titleThree" style="float: right;"> 亿元 </div>
|
<div id="gdp" class="titleTwo" style="float: right; margin: 0 5px;">326.7</div>
|
</div>
|
</div>
|
<script>
|
function getQueryString(name) {
|
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
|
var r = window.location.search.substr(1).match(reg);
|
if (r != null) {
|
return decodeURI(r[2]);
|
}
|
|
return "";
|
}
|
|
window.onload = function () {
|
document.getElementById("name").innerHTML = getQueryString("name");
|
document.getElementById("gdp").innerHTML = getQueryString("gdp");
|
}
|
</script>
|
</body>
|
<style>
|
.box {
|
width: 90%;
|
height: 85%;
|
background: url('./UE/img/bg2.png') no-repeat center;
|
background-size: 100% 100%;
|
position: absolute;
|
padding: 1%;
|
float: left;
|
}
|
|
.BoxOne {
|
float: left;
|
padding: 24px;
|
height: 32px;
|
position: absolute;
|
top: 1%;
|
left: 3%;
|
float: left;
|
}
|
|
.titleOne {
|
font-family: 'JDLangZhengTi';
|
font-style: normal;
|
font-weight: 400;
|
font-size: 10px;
|
line-height: 10px;
|
color: #FFFFFF;
|
float: left;
|
}
|
|
.titleTwo {
|
font-family: 'JDLangZhengTi';
|
font-style: normal;
|
font-size: 10px;
|
line-height: 10px;
|
color: #00FFCB;
|
}
|
|
.titleThree {
|
font-family: 'JDLangZhengTi';
|
font-style: normal;
|
font-size: 10px;
|
line-height: 10px;
|
color: #FFFFFF;
|
}
|
|
|
.titleFour {
|
font-family: 'JDLangZhengTi';
|
font-style: normal;
|
font-weight: 400;
|
font-size: 14px;
|
line-height: 15px;
|
color: #FFFFFF;
|
float: left;
|
}
|
</style>
|
|
</html>
|
