* { font-size: 12px; }
body { margin: 0px; }
// Office XP 菜单
var sub_display = false;
// 颜色数组说明:此数组储存菜单各部份颜色样式,可以改变颜色值达到改变样式的效果
// 值依次为:高亮背景色, 高亮边框色, 菜单栏背景色, 子菜单背景色, 子菜单边框色, 子菜单标题色, 子菜单阴影色
var color = ['#B6BDD2', '#0A246A', '#D4D0C8', '#F8F8F8', '#666666', '#DBD8D1', '#DDDDDD'];
// 菜单数组说明:此数组储存各菜单数据
// 值依次为:
// 1. 主菜单名称, 下拉菜单右延空白长度
// 2. 第1个子菜单名称, 链接地址
// 3. 第2个子菜单名称, 链接地址
// 4. ......
var menu = new Array();
menu[0] = [['菜单一', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[1] = [['菜单二', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[2] = [['菜单三', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[3] = [['菜单四', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[4] = [['菜单五', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[5] = [['菜单六', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
document.write('
for (var i=0; i
document.write('
}
function Menu_Over(obj, s) {
if (sub_display) {
subMenu_Show(obj, s)
}
else {
obj.style.backgroundColor = color[0];
obj.style.border = '1px ' + color[1] + ' solid';
}
}
function Menu_Out(obj) {
obj.style.backgroundColor = '';
obj.style.border = '1px ' + color[2] + ' solid';
}
function Menu_Click(obj, s) {
subMenu_Show(obj, s)
}
function subMenu_Over(obj) {
obj.style.backgroundColor = color[0];
obj.style.border = '1px ' + color[1] + ' solid';
}
function subMenu_Out(obj) {
obj.style.backgroundColor = '';
obj.style.border = '1px ' + color[3] + ' solid';
}
function subMenu_Hide(hide) {
for (var i=0; i subMenu[i].style.display = 'none'; sub_display = hide; } function subMenu_Show(obj, s) { subMenu_Hide(false); subMenu(s).style.posLeft = obj.offsetLeft + 6; subMenu(s).style.display = ''; sub_display = true; } window.onfocus = subMenu_Hide;

