-
Notifications
You must be signed in to change notification settings - Fork 88
/
Copy pathleft.html
77 lines (71 loc) · 1.75 KB
/
left.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>左侧菜单</title>
</head>
<style type="text/css">
body{
margin: 4px;
}
ul,li{
list-style: none;
margin: 0;
padding: 0;
font-size:12px;
}
a{text-decoration: none;
color: black
}
.nav_ul li{
height: 32px;
line-height: 32px;
text-indent: 3px;
}
.nav_ul li:visited{
background: #ccc;
}
.nav_ul li:hover{
background: #ccc;
}
.active_li{
background: black;
}
.active_li a{
color: white;
}
</style>
<body>
<ul class="nav_ul">
<li id="marker"> <a href="marker.html" target="rightFrame">1.标注点、点击事件</a></li>
<li id='zoom'> <a href="zoom.html" target="rightFrame">2.缩放级别和中心点</a></li>
<li id='track'><a href="track.html" target="rightFrame">3.实时轨迹</a></li>
<li id='trackback'><a href="trackback.html" target="rightFrame">4.轨迹回放</a></li>
<li id='translate'><a href="translate.html" target="rightFrame">5.坐标转换结果有序性</a></li>
</ul>
<script>
var lis = document.getElementsByTagName('li');
var liLen = lis.length;
for(var i = 0; i<liLen;i++){
lis[i].onclick = function(){
for(var j=0; j<liLen;j++){
if(j!=i){
lis[j].setAttribute('class','');
}
}
this.setAttribute('class','active_li');
}
}
// 获取url中的变量值
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.top.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
var to = getQueryString('to')||'marker';
var init_li = document.getElementById(to);
init_li.setAttribute('class','active_li')
top.rightFrame.location.href = init_li.getElementsByTagName('a')[0].href;
</script>
</body>
</html>