一个简单的javascript菜单(1)

上图为代码执行成功后的结果

|

 1<html>
 2<head>
 3<title>AgetimeMenu Demo</title>
 4<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 5<style>   
 6.agetime_bar{   
 7position:absolute;top:0px;left:0px;height:22px;width:100%;border:1px outset;background-color:RGB(212,208,200);z-index:98;   
 8}   
 9.agetime_barItem{   
10width:60px;height:20px;border:1px solid RGB(212,208,200);text-align:left;padding-left:10px;   
11background:RGB(212,208,200);color:#000000;font-size:9pt;   
12}   
13.agetime_barItemDown{   
14width:60px;height:20px;border:1px inset RGB(212,208,200);text-align:left;padding-left:10px;   
15background:#F0F0F0;color:#000000;font-size:9pt;   
16}   
17.agetime_barItemHover{   
18width:60px;height:20px;border:1 outset;text-align:left;padding-left:10px;   
19background:#F0F0F0;color:#000000;font-size:9pt;   
20}   
21.agetime_pad{   
22cursor:default;font-size:9pt;width:100%;   
23}   
24.agetime_padItem{   
25width:100%;height:18px;border:1px solid RGB(212,208,200);text-align:left;padding-left:10px;   
26background:RGB(212,208,200);color:#000000;font-size:9pt;   
27}   
28.agetime_padItemFalse{   
29padding-left:10px;font-size:9pt; color:#808080;   
30}   
31.agetime_padItemFalseHover{   
32padding-left:10px;font-size:9pt; color:#808080;background-color:#333366;   
33}   
34.agetime_padItemHover{   
35width:100%;height:18px;text-align:left;padding-left:10px;   
36background-color:#333366;color:#FFFFFF;font-size:9pt;   
37}   
38.agetime_padItemDown{   
39width:100%;height:18px;text-align:left;padding-left:10px;border:1px inset;   
40background-color:#9999CC;color:#FFFFFF;font-size:9pt;   
41}   
42.agetime_hr{   
43border:1px inset;   
44}   
45.agetime_board{   
46background-color:RGB(212,208,200);border:2px outset;   
47}   
48</style>
49</head>  
50  
51---|---</html>
Published At
Categories with 网页设计
Tagged with
comments powered by Disqus