|
|
@@ -1,29 +1,59 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
- <meta charset="utf-8" />
|
|
|
+ <meta charset="utf-8"/>
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<title>首页</title>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
|
|
<link>
|
|
|
<style>
|
|
|
- .box{width:1200px;height:960px;}
|
|
|
- .header{width:100%;background:rgba(0, 3, 143, 1);color:white;padding: 1px;}
|
|
|
- .content{width:100%;height:800px;box-sizing: content-box;border: 1px solid;}
|
|
|
- .left{
|
|
|
- float:left;
|
|
|
- width:15%;
|
|
|
- height:100%;
|
|
|
- background:rgba(242, 242, 242, 1);
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0
|
|
|
}
|
|
|
- .left p{
|
|
|
+
|
|
|
+ html, body, .box {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header {
|
|
|
+ width: 100%;
|
|
|
+ background: rgba(0, 3, 143, 1);
|
|
|
+ color: white;
|
|
|
+ padding: 1px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 42px);
|
|
|
+ }
|
|
|
+
|
|
|
+ .left {
|
|
|
+ float: left;
|
|
|
+ width: 200px;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(242, 242, 242, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .left p {
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
font-size: 18px;
|
|
|
color: #797979;
|
|
|
+ margin: 20px 0;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right{
|
|
|
+ float: left;
|
|
|
+ width: calc(100% - 200px);
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
- .show button{
|
|
|
+
|
|
|
+ .show button {
|
|
|
margin-top: 3%;
|
|
|
color: white;
|
|
|
background: rgba(22, 155, 213, 1);
|
|
|
@@ -38,28 +68,29 @@
|
|
|
<div class="header"><h1>微博数据分析</h1></div>
|
|
|
<div class="content">
|
|
|
<div class="left">
|
|
|
- <p><span style="background:rgb(215,215,215)"; onclick="changeIframe(this,'./html/WBAccount')">微博号管理</span></p>
|
|
|
+ <p><span style="background:rgb(215,215,215)" ; onclick="changeIframe(this,'./html/WBAccount')">微博号管理</span>
|
|
|
+ </p>
|
|
|
<p><span onclick="changeIframe(this,'./html/WBData')">微博数据分析</span></p>
|
|
|
<p><span onclick="changeIframe(this,'./html/Comment')">微博评论爬虫</span></p>
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
<iframe src="./html/WBAccount.html" frameborder="0" style="
|
|
|
- height: 800px;
|
|
|
- width: 85%;"></iframe>
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;"></iframe>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
|
|
<script>
|
|
|
- changeIframe=function(wt,el){
|
|
|
- let span=$("span");
|
|
|
- for(let i=0;i<span.length;i++){
|
|
|
- span[i].style.background="rgba(242, 242, 242, 1)";
|
|
|
+ changeIframe = function (wt, el) {
|
|
|
+ let span = $("span");
|
|
|
+ for (let i = 0; i < span.length; i++) {
|
|
|
+ span[i].style.background = "rgba(242, 242, 242, 1)";
|
|
|
}
|
|
|
- wt.style.background="rgb(215,215,215)";
|
|
|
- let _href=el+".html";
|
|
|
- let iframe=$("iframe")[0];
|
|
|
- iframe.src=_href;
|
|
|
+ wt.style.background = "rgb(215,215,215)";
|
|
|
+ let _href = el + ".html";
|
|
|
+ let iframe = $("iframe")[0];
|
|
|
+ iframe.src = _href;
|
|
|
}
|
|
|
</script>
|
