Outlook 风格菜单，带可折叠侧边菜单

• 下载源文件 - 26 Kb

引言

我阅读了 BalaNet 文章，地址是 https://codeproject.org.cn/useritems/XPMenu.asp，该文章解释了很棒的 XP 风格下拉菜单。

我希望添加一些新功能：

1-可折叠侧边栏。

2-将 XP 风格菜单更改为 Outlook 风格栏。（使用 CSS 文件SlideMenu.css")

我认为大多数开发者都面临菜单设计的问题，需要他们的应用程序 GUI 像 Outlook 或 XP 风格。

因此，我认为这个菜单提供了一个解决方案。

---

源代码包含：

* SlideMenu.css 文件

* menu.js 文件

---

在您的页面中导入 CSS 文件

<LINK href="SlideMenu/images/SlideMenu.css" type="text/css" rel="stylesheet">

---

可折叠侧边栏功能允许通过客户端脚本隐藏页面上的侧边栏

隐藏菜单函数

<script type="text/javascript">

functionlefthide() {

varfr = parent.document.getElementById("sbCont");

if(fr.style.display==""){

fr.style.display="none";

change('outlookside', 'outlookBarExpand')

}

else{

fr.style.display="";

change('outlookside', 'outlookBarcollapse')

}

}

functionchange(id, newClass) {

identity=document.getElementById(id);

identity.className=newClass;

}

</script>

---

我希望这篇文章能够成功，并祝愿它对大家有所帮助。