| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Page 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>
- <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);
- }
- .left p{
- width: 100%;
- text-align: center;
- font-size: 18px;
- color: #797979;
- }
- .show button{
- margin-top: 3%;
- color: white;
- background: rgba(22, 155, 213, 1);
- width: 6%;
- border-radius: 5px;
- margin-left: 3%;
- }
- </style>
- </head>
- <body>
- <div class="box">
- <div class="header"><h1>微博数据分析</h1></div>
- <div class="content">
- <div class="left">
- <p><span style="background:rgb(215,215,215)"; onclick="changeIframe(this,'WBAccount')">微博号管理</span></p>
- <p><span onclick="changeIframe(this,'WBData')">微博数据分析</span></p>
- <p><span onclick="changeIframe(this,'Comment')">微博评论爬虫</span></p>
- </div>
- <div class="right">
- <iframe src="account.html" frameborder="0" style="
- height: 800px;
- width: 85%;"></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)";
- }
- wt.style.background="rgb(215,215,215)";
- let _href=el+".html";
- let iframe=$("iframe")[0];
- iframe.src=_href;
- }
- </script>
|