| 一个简单的javascript菜单(1) |
|
作者：网络 文章来源：转载 点击数： 更新时间：2006-1-4  |
| [ 字体：缩小 正常 放大 | 双击自动滚屏 ] |
请选择合适的字体颜色：
|
|
上图为代码执行成功后的结果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>AgetimeMenu Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.agetime_bar{
position:absolute;top:0px;left:0px;height:22px;width:100%;border:1px outset;background-color:RGB(212,208,200);z-index:98;
}
.agetime_barItem{
width:60px;height:20px;border:1px solid RGB(212,208,200);text-align:left;padding-left:10px;
background:RGB(212,208,200);color:#000000;font-size:9pt;
}
.agetime_barItemDown{
width:60px;height:20px;border:1px inset RGB(212,208,200);text-align:left;padding-left:10px;
background:#F0F0F0;color:#000000;font-size:9pt;
}
.agetime_barItemHover{
width:60px;height:20px;border:1 outset;text-align:left;padding-left:10px;
background:#F0F0F0;color:#000000;font-size:9pt;
}
.agetime_pad{
cursor:default;font-size:9pt;width:100%;
}
.agetime_padItem{
width:100%;height:18px;border:1px solid RGB(212,208,200);text-align:left;padding-left:10px;
background:RGB(212,208,200);color:#000000;font-size:9pt;
}
.agetime_padItemFalse{
padding-left:10px;font-size:9pt; color:#808080;
}
.agetime_padItemFalseHover{
padding-left:10px;font-size:9pt; color:#808080;background-color:#333366;
}
.agetime_padItemHover{
width:100%;height:18px;text-align:left;padding-left:10px;
background-color:#333366;color:#FFFFFF;font-size:9pt;
}
.agetime_padItemDown{
width:100%;height:18px;text-align:left;padding-left:10px;border:1px inset;
background-color:#9999CC;color:#FFFFFF;font-size:9pt;
}
.agetime_hr{
border:1px inset;
}
.agetime_board{
background-color:RGB(212,208,200);border:2px outset;
}
</style>
</head> [1] [2] 下一页
|
|
| 文章录入：54iter 责任编辑：54iter |
上一篇文章： javascript表单之间的数据传递(2)
下一篇文章： 一个简单的javascript菜单(2) |
| 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
