您的位置:首页 > Web前端 > CSS

css实现会折叠、展开的菜单导航栏效果

2012-12-26 00:00 741 查看
function show(c_Str)
{if(document.all(c_Str).style.display=='none')
{document.all(c_Str).style.display='block';}
else{document.all(c_Str).style.display='none';}}
function high(){
if (event.srcElement.className=="k"){
event.srcElement.style.background="336699"
event.srcElement.style.color="white"
}
}
function low(){
if (event.srcElement.className=="k"){
event.srcElement.style.background="99CCFF"
event.srcElement.style.color=""
}
}



导航栏
td { cursor: hand; font-family: Tahoma; background-color: #336699; color: #99CCFF;
font-size: 10pt }
li{ color: #FF0000; font-family: Tahoma; background-color: #99CCFF; font-size: 9pt}
.up{ background-color: #3A6EA5; border-left: 1 solid #A6C1DF;border-right: 1 solid #002200; border-top: 1 solid #A6C1DF; border-bottom: 1 solid #002200 }






+01-10
01
02
03
04
04
05
06
07
08
09
10



+11-20
11
12
13
14
15
16
17
18
19
20



+21-30
21
22
23
24
25
26
27
28
29
30



+31-40
31
32
33
34
35
36
37
38
39
40



+41-50
41
42
43
44
45
46
47
48
49
50



+51-60
51
52
53
54
55
56
57
58
59
60



+61-70
61
62
63
64
65
66
67
68
69
70



+71-80
71
72
73
74
75
76
77
78
79
80







[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: