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需刷新才能执行]
{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需刷新才能执行]
相关文章推荐
- css实现会折叠、展开的菜单导航栏效果
- JS+CSS实现的简单折叠展开多级菜单效果
- JS+CSS实现的简单折叠展开多级菜单效果
- javascript使用DOM模型和CSS实现菜单的折叠和展开
- 用CSS实现竖向圆角效果的折叠菜单代码
- JS实现鼠标滑过折叠与展开菜单效果代码
- JS+CSS实现的竖向简洁折叠菜单效果代码
- 纯CSS实现菜单、导航栏的3D翻转动画效果
- jquery+CSS实现的多级竖向展开树形TRee菜单效果
- jQuery实现折叠、展开的菜单组效果代码
- JS实现鼠标滑过折叠与展开菜单效果代码
- jquery+CSS实现的多级竖向展开树形TRee菜单效果
- jQuery实现折叠、展开的菜单组效果代码
- JS+CSS实现的竖向简洁折叠菜单效果代码
- 基于jQuery实现简单的折叠菜单效果
- JS实现超简单的仿QQ折叠菜单效果
- javascript+css代码实现折叠效果
- JS+CSS实现Dock menu(Mac菜单导航效果)
- jquery+CSS实现的水平布局多级网页菜单效果
- JS+CSS实现DIV层的展开、收缩效果