-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
83 lines (76 loc) · 2.97 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>shell执行控制台</title>
<link href="favicon.ico" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
<script type="text/javascript" src="./js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="./js/nav.js"></script>
<script>
$(function() {
$("ul li ul li a,ul li a").click(function() {
var that = $(this);
var href = that.attr("href");
$("#iframe").attr("src",href);
return false;
});
});
</script>
<script type="text/javascript">
$(function () {
//加载事件
var collection = $(".flag");
$.each(collection, function () {
$(this).addClass("start");
});
});
//单击事件
function dj(dom) {
var collection = $(".flag");
$.each(collection, function () {
$(this).removeClass("end gradually");
$(this).addClass("start");
});
$(dom).removeClass("start");
$(dom).addClass("end gradually");
}
</script>
</head>
<body ondragstart="return false;">
<div class="wapper">
<div class="nav">
<div class="nav-top">
<div id="mini"><img style="width:45px;margin-top: 15px;margin-bottom:10px;" src="images/logo.png" ></div>
</div>
<ul>
<li class="nav-item">
<a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>VM 虚拟机</span><i class="my-icon nav-more"></i></a>
<ul>
<li class="nav-item-e"><a class="no flag hq_hy" onclick="dj(this);" href="./page/h5/local/local.html"><i class="my-icon nav-1"></i><span>本机</span></a></li>
<li class="nav-item-e"><a class="no flag hq_hy" onclick="dj(this);" href="./page/h5/188/188.html"><i class="my-icon nav-1"></i><span>188</span></a></li>
</ul>
</li>
<li class="nav-item">
<a href="javascript:;"><i class="my-icon nav-icon icon_2"></i><span>实体物理机</span><i class="my-icon nav-more"></i></a>
<ul>
<li class="nav-item-e"><a class="no flag hq_hy" onclick="dj(this);" href="./page/h5/161/161.html"><i class="my-icon nav-1"></i><span>161</span></a></li>
</ul>
</li>
<li class="nav-item">
<a onclick="javascript:location.reload();"><i style="color:#ff9c00" class="my-icon nav-icon icon_5"></i><span>刷新页面</span><i style="color: transparent;" class="my-icon nav-more"></i></a>
</li>
</ul>
<div class="nav-bottom">
<div class="footer">
Linux<br>Command<br><br><fon class="my-icon nav-buttom"> </font>
</div>
</div>
</div>
<div id="content">
<iframe id="iframe" src="./page/content/index.html"></iframe>
</div>
</div>
</body>
</html>