Office XP 菜单脚本

最新推荐文章于 2021-07-26 19:29:16 发布
最新推荐文章于 2021-07-26 19:29:16 发布
阅读量589 收藏
点赞数
分类专栏： CSS HTML 文章标签： office xp menu function border table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ytbada/article/details/1545312
版权

<style type="text/css">
* { font-size: 12px; }
body { margin: 0px; }
</style>

<script language="JavaScript">
// Office XP 菜单
// 风云突变 2003-4
// fytb@163.com

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('<table width="100%" cellspacing="0" cellpadding="0" style="background-color: ' + color[2] + '; border-left: 1px #F4F4F4 solid; border-top: 1px #F4F4F4 solid; border-right: Łpx #999999 solid; border-bottom: Łpx #999999 solid;" onSelectStart="return false;" onContextMenu="return false;"><tr><td width="5"><img width="5" height="1"></td><td><table cellspacing="0" cellpadding="2"><tr>');
for (var i=0; i<menu.length; i++)
document.write('<td style="border: 1px ' + color[2] + ' solid; cursor: default;" onClick="Menu_Click(this, ' + i + ')" onMouseOver="Menu_Over(this, ' + i + ')" onMouseOut="Menu_Out(this, ' + i + ')"><nobr><img width="10" height="1">' + menu[i][0][0] + '<img width="10" height="1"></nobr></td>');
document.write('</td></tr></table></tr></table>');

for (var i=0; i<menu.length; i++) {
 document.write('<table id="subMenu" cellspacing="0" cellpadding="0" onSelectStart="return false;" onContextMenu="return false;" style="position: absolute; display: none; top: 1px; border-left: 1px ' + color[4] + ' solid; border-bottom: 1px ' + color[4] + ' solid; cursor: default; filter:progid:dximagetransform.microsoft.dropshadow(color=' + color[6] + ',offx=3,offy=3,positive=true)"><tr><td style="border-top: 1px ' + color[4] + ' solid; border-right: 1px ' + color[4] + ' solid; background-color: ' + color[5] + ';" onClick="subMenu_Hide(false)"><nobr><img width="1" height="2"><br><img width="12" height="1">' + menu[i][0][0] + '<img width="12" height="1"><br><img width="1" height="3"></nobr></td><td style="border-bottom: 1px ' + color[4] + ' solid;" onMouseOver="subMenu_Hide(true)"><img width="' + menu[i][0][1] + '" height="1"></td></tr><tr><td colspan="2" style="border-right: 1px ' + color[4] + ' solid; background-color: ' + color[3] + ';"><table width="100%" cellspacing="1" cellpadding="2" style=" background-color: ' + color[3] + '">');
 for (var j=1; j<menu[i].length; j++)
 document.write('<tr><td style="border: 1px ' + color[3] + ' solid;" onMouseOver="subMenu_Over(this)" onMouseOut="subMenu_Out(this)" onClick="location.href=/'' + menu[i][j][1] + '/'"><nobr>&nbsp;' + menu[i][j][0] + '</nobr></td></tr>');
 document.write('</td></tr></table></td></tr></table>');
}

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.length; 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;
</script> 

 

 

<style type="text/css">
* { font-size: 12px; }
body { margin: 0px; }
</style>

<script language="JavaScript">
// Office XP 菜单
// 风云突变 2003-4
// fytb@163.com

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] = [['<img src="http://bbs.51js.com/images/standard/star.gif">菜单一', 50], ['<img src="http://bbs.51js.com/images/standard/star.gif">1111', '1.htm'], ['<img src="http://bbs.51js.com/images/standard/star.gif">2222', '2.htm'], ['<img src="http://bbs.51js.com/images/standard/star.gif">3333', '3.htm']];
menu[1] = [['<img src="http://bbs.51js.com/images/standard/star.gif">菜单二', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[2] = [['<img src="http://bbs.51js.com/images/standard/star.gif">菜单三', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[3] = [['<img src="http://bbs.51js.com/images/standard/star.gif">菜单四', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[4] = [['<img src="http://bbs.51js.com/images/standard/star.gif">菜单五', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];
menu[5] = [['<img src="http://bbs.51js.com/images/standard/star.gif">菜单六', 50], ['1111', '1.htm'], ['2222', '2.htm'], ['3333', '3.htm']];


document.write('<table width="100%" cellspacing="0" cellpadding="0" style="background-color: ' + color[2] + '; border-left: 1px #F4F4F4 solid; border-top: 1px #F4F4F4 solid; border-right: Łpx #999999 solid; border-bottom: Łpx #999999 solid;" onSelectStart="return false;" onContextMenu="return false;"><tr><td width="5"><img width="5" height="1"></td><td><table cellspacing="0" cellpadding="2"><tr>');
for (var i=0; i<menu.length; i++)
document.write('<td style="border: 1px ' + color[2] + ' solid; cursor: default;" onClick="Menu_Click(this, ' + i + ')" onMouseOver="Menu_Over(this, ' + i + ')" onMouseOut="Menu_Out(this, ' + i + ')"><nobr><img width="10" height="1">' + menu[i][0][0] + '<img width="10" height="1"></nobr></td>');
document.write('</td></tr></table></tr></table>');

for (var i=0; i<menu.length; i++) {
        document.write('<table id="subMenu" cellspacing="0" cellpadding="0" onSelectStart="return false;" onContextMenu="return false;" style="position: absolute; display: none; top: 1px; border-left: 1px ' + color[4] + ' solid; border-bottom: 1px ' + color[4] + ' solid; cursor: default; filter:progid:dximagetransform.microsoft.dropshadow(color=' + color[6] + ',offx=3,offy=3,positive=true)"><tr><td style="border-top: 1px ' + color[4] + ' solid; border-right: 1px ' + color[4] + ' solid; background-color: ' + color[5] + ';" onClick="subMenu_Hide(false)"><nobr><img width="1" height="2"><br><img width="12" height="1">' + menu[i][0][0] + '<img width="12" height="1"><br><img width="1" height="3"></nobr></td><td style="border-bottom: 1px ' + color[4] + ' solid;" onMouseOver="subMenu_Hide(true)"><img width="' + menu[i][0][1] + '" height="1"></td></tr><tr><td colspan="2" style="border-right: 1px ' + color[4] + ' solid; background-color: ' + color[3] + ';"><table width="100%" cellspacing="1" cellpadding="2" style=" background-color: ' + color[3] + '">');
        for (var j=1; j<menu[i].length; j++)
        document.write('<tr><td style="border: 1px ' + color[3] + ' solid;" onMouseOver="subMenu_Over(this)" onMouseOut="subMenu_Out(this)" onClick="location.href=/'' + menu[i][j][1] + '/'"><nobr>&nbsp;' + menu[i][j][0] + '</nobr></td></tr>');
        document.write('</td></tr></table></td></tr></table>');
}

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.length; 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;
</script>

ytbada
关注
专栏目录
轻松学会office
07-11
21. **轻松保存OfficeXP的用户个性化设置** - 在“文件”>“选项”中选择“高级”，然后选择“保存”选项，设置默认保存位置和个人化设置。 22. **在Word中快速“粘贴”** - 使用快捷键“Ctrl + V”或右键菜单中...
FreeStyle Menus 多级折叠菜单插件
05-16
内容索引:脚本资源,Ajax/JavaScript,折叠菜单　FreeStyle Menus 是基于JavaScript+CSS技术两者结合打造的多级折叠菜单插件，风格类似OFFICE XP，效果展示如上所示，本插件没有用到过多的图片，因此不会影响你的网页...
安装office2010常见的提示错误解决办法
热门推荐
Jackie Lee
07-26 2万+
安装office2010常见的提示错误解决办法 2011年08月02日 星期二 下午 10:33安装office2010常见的提示错误解决办法： 默认情况下，安装程序创建标准日志文件，并将其作为文本文件保存在用户计算机上的 %Temp% 文件夹中。如果安装失败，安装程序会在同一位置创建详细的日志文件，该文件以导致失败的程序包开头。若要更改日志记录选项，请在记事本中打开 Config.x
西门子触摸屏脚本程序_触摸屏脚本调试-工业支持中心-西门子中国
weixin_34530398的博客
12-30 1964
换个版本试试，这个一般没有单独的安装包。回答者：开拓者001- 顶级工程师&nbsp&nbsp第12级2013-11-18 15:18:21您可以评论本回答，或直接点击“提交”按钮推荐本回答...WinCCflexible中使用脚本调试器在WinCCflexible欲使用该功能，必须安装脚本调试器软件。具体做法打开WINCCflexible按F1搜索"调试脚本"通...
使用组策略与脚本发布Office 2010
weixin_33850890的博客
12-13 181
使用组策略与脚本发布Office 2010 在Windows Active Directory网络中，使用组策略发布Office 2003时，是在组策略编辑器的“用户配置→策略→软件设置”中进行发布的，但Office 2007与Office 2010，改变了软件分发方式，只能通过将软件指派给“计算机对象”的方式进行分发，在本文中我们介绍使用组策略与脚本，分发Office 2...
LoadRunner录制脚本常见问题
ahui456321的博客
06-02 1053
转自 http://blog.csdn.net/lykangjia/article/details/17204591 LR脚本为空的解决方法： 1.去掉ie设置中的第三方支持取消掉 2.在系统属性－高级－性能－数据执行保护中，添加loadrunner安装目录中的vugen.exe文件 　遇到flight界面为空的解决的可能方法：1、如果安装了IE以外的浏览器，并且IE不是默认浏...
xp 本地计算机策略组,本地组策略-win10没有本地安全策略组怎么打开软件
weixin_35972359的博客
07-26 516
http://jingyan..com/article/.html怎么打开本地安全策略开始菜单上，点击鼠标右键，界面中这里选择打开电脑的控制面板。控制面板中在大图标查看方式下，找到这里的管理工具打开进入。这样在管理工具中可以方便的打开本地安全策略，如图所示操作。在本地安全策略窗口中，找到有关选项打开，可以进行自己的有关设置和操作。当然也可以用更快的方法打开，按下键盘的WIN+R打开电脑运行窗口。运...
如何破解XP开机密码
xzq211314的专栏
01-25 8943
如何破解XP开机密码当Windows XP登录密码丢失时，我们可以针对不同的情况采用不同的办法来解决： (1)如果在安装Windows XP时，Administrator密码设置为空。大家可以在系统引导的时候按F8进入安全模式，这里的Administrator口令为空，可以直接进入，进入后对帐户和密码进行设置即可。 (2)如果设置了Administrator口令，解密的方法是： 方法1、用密码重设
XP密码破解
bbc0092000的专栏
03-25 211
<br />      Windows XP的使用过程中如果你是一个很容易遗忘的人，那么一定不要忘记在第一次设置密码的同时创建一张可以恢复Windows XP中的账户密码的启动盘，它可以让你免去格式化硬盘的烦恼。 <br /><br /> 　　从“控制面板”中找到“用户账户”项，选中自己的账户进入如图所示的控制界面，我们可以看到左侧任务列表中有一项“阻止一个已忘记的密码”，点击后便 可打开“忘记密码向导”，向
修改XP登陆界面教程
xiaoyaofriend的专栏
06-07 3530
一、在你的电脑里找到logonui.exe文件，通常位于c:windowssystem32目录中，复制两份，一份作为 备份，一份用来编辑。 　 二、用ResHacker打开logonui.exe文件。现在我们可以开始动手制作我们自己的XP登录界面了。在ResH acker中我们可以看到有UIFILE， Bitmap，String Table，Version Info四大项。我们要修改的
九种破解Windows XP登录密码的方法
zhengfushijie的专栏
10-06 5271
WindowsXP的使用过程中如果你是一个很容易遗忘的人，那么一定不要忘记在第一次设置密码的同时创建一张可以恢复       WindowsXP中的账户密码的启动盘，它可以让你免去格式化硬盘的烦恼。       从“控制面板”中找到“用户账户”项，选中自己的账户进入如图所示的控制界面，我们可以看到左侧任务列表中有一项“阻止一个已忘记的密码”，点 击后便可打开“忘记密码向导”，向导会提示插入一张
OfficeXPmenu源码解析：打造经典XP风格菜单
总之，'OfficeXPmenu(XP风格菜单源码)'是一个为希望在其Windows应用程序中复现经典Office XP菜单设计的开发者提供的资源。它涉及用户界面设计、编程实践以及用户体验的考量。开发者可以利用这个资源来丰富他们的应用...
VC office风格界面美化
04-10
这种美化通常涉及对菜单栏、组合框、按钮等常见控件的样式调整，以模仿XP系统中的Office风格，例如圆润的边角、平滑的过渡效果和一致的图标设计。 在Windows编程中，这种界面美化可以通过多种方法实现，包括但不...
打造Office XP风格界面的C/C++控件
这些资源文件可能被设计用来辅助C/C++开发者在他们的应用程序中实现特定的图形用户界面（GUI）效果，类似于Office XP中的菜单和窗口风格。以下是文件中提到的每个文件的可能用途和知识点： 1. XPMenu.pas 这是一个...
Table样式集
YTFUNLOVE的BLOG
01-15 9115
   Table样式集  songsu» 2006-7-12 22:09:00
選項卡　十
YTFUNLOVE的BLOG
04-13 1846
function TabPage(width, height, tabTitleArray, tabPageArray){    var ids = new Array();    var id = document.uniqueID;    var tabTitleHtml = "";    var index = 0;    for (var i = 0; i     {        t
Code：CSS竖直导航菜单 - CSS Menu Vertical
YTFUNLOVE的BLOG
02-27 1403
CSS Menu - Verticalbody {margin: 0;padding: 30px;background: #FFF;color: #666;}h1 {font: bold 16px Arial, Helvetica, sans-serif;}p {font: 11px Arial, Helvetica, sans-serif;}a {color: #900;text-decorat
动太显示图片
YTFUNLOVE的BLOG
03-29 1305
 无忧脚本论坛 新手求助 
CSS样式－li
YTFUNLOVE的BLOG
02-27 1239
作者tag:css CSDN 推荐tag:navcontainer li ul px color item function StorePage(){d=document;t=d.selection?(d.selection.type!=None?d.selection.createRange().text:):(d.getSelection?d.getSelection():
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值