<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type=text/css>
body { background:#799AE1; margin:0px; font:normal 12px 宋体; }
table { border:0px; }
td { font:normal 12px; }
img { vertical-align:bottom; border:0px; }
a { font:normal 12px 宋体; color:#215DC6; text-decoration:none; }
a:hover { color:#428EFF }
.sec_menu { border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; overflow:hidden; background:#D6DFF7; }
.menu_title { }
.menu_title span { position:relative; top:2px; left:8px; color:#215DC6; font-weight:bold; }
.menu_title2 { }
.menu_title2 span { position:relative; top:2px; left:8px; color:#428EFF; font-weight:bold; }
</style>
<script language=javascript>
function menuShow(obj,maxh,obj2)
{
if(obj.style.pixelHeight<maxh)
{
obj.style.pixelHeight+=maxh/20;
obj.filters.alpha.opacity+=5;
obj2.background="";
if(obj.style.pixelHeight==maxh/10)
obj.style.display='block';
myObj=obj;
myMaxh=maxh;
myObj2=obj2;
setTimeout('menuShow(myObj,myMaxh,myObj2)','5');
}
}
function menuHide(obj,maxh,obj2)
{
if(obj.style.pixelHeight>0)
{
if(obj.style.pixelHeight==maxh/20)
obj.style.display='none';
obj.style.pixelHeight-=maxh/20;
obj.filters.alpha.opacity-=5;
obj2.background="";
myObj=obj;
myMaxh=maxh
myObj2=obj2;
setTimeout('menuHide(myObj,myMaxh,myObj2)','5');
}
else
if(whichContinue)
whichContinue.click();
}
function menuChange(obj,maxh,obj2)
{
if(obj.style.pixelHeight)
{
menuHide(obj,maxh,obj2);
whichOpen='';
whichcontinue='';
}
else
if(whichOpen)
{
whichContinue=obj2;
whichOpen.click();
}
else
{
menuShow(obj,maxh,obj2);
whichOpen=obj2;
whichContinue='';
}
}
</script>
<base target=main>
</head>
<body onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;">
<table cellpadding=0 cellspacing=0 width=158 align=center>
<tr style="cursor:hand;">
<td height=42 valign=bottom>
<img src="http://www.pigzz.com/images/1.gif" width=158 height=38>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 width=142 align=center>
<tr style="cursor:hand;">
<td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; id=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);">
<span>系统选项</span>
</td>
</tr>
<tr>
<td>
<div class=sec_menu style="width:158px;height:80px;filter:alpha(Opacity=100);overflow:hidden;" id=menu1>
<table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
安全选项</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
垃圾邮件选项</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
动态规则选项</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script language=javascript>
var whichOpen=menuTitle1;
var whichContinue='';
</script>
<table cellpadding=0 cellspacing=0 width=158 align=center>
<tr style="cursor:hand;">
<td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; id=menuTitle2 onclick="menuChange(menu2,120,menuTitle2);">
<span>系统规则</span>
</td>
</tr>
<tr>
<td>
<div class=sec_menu style="width:158;height:0;filter:alpha(Opacity=0);display:none;" id=menu2>
<table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
IP过滤规则</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
信封过滤规则</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 width=158 align=center>
<tr style="cursor:hand;">
<td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; id=menuTitle3 onclick="menuChange(menu3,120,menuTitle3);">
<span>系统管理</span>
</td>
</tr>
<tr>
<td>
<div class=sec_menu style="width:158;height:0;filter:alpha(Opacity=0);display:none;" id=menu3>
<table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
用户管理</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
进程管理</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
主机状态</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 width=158 align=center>
<tr style="cursor:hand;">
<td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; id=menuTitle4 onclick="menuChange(menu4,140,menuTitle4);">
<span>系统统计</span>
</td>
</tr>
<tr>
<td>
<div class=sec_menu style="width:158;height:0;filter:alpha(Opacity=0);display:none;" id=menu4>
<table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
信头过滤统计</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
信体过滤统计</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
附件过滤统计</a>
</td>
</tr>
<tr>
<td height=20>
<a href="#" onfocus=this.blur();><img src=/jscss/demoimg/200904/dots.gif>
动态规则统计</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table cellpadding=0 cellspacing=0 width=158 align=center>
<tr style="cursor:hand;">
<td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title';>
<span>退出系统</span>
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
"JS后台管理树形菜单代码.rar" 是一个包含JavaScript实现的树形菜单插件，适用于后台管理场景。这个压缩包提供了实现这种功能的代码示例，帮助开发者快速构建出美观且高效的树状菜单。 首先，我们来详细了解一下...
总的来说，"后台JS菜单树源码"提供了一种用JavaScript实现的后台菜单管理方案，它利用了树形数据结构的优势，结合JS的动态特性，为后台管理系统带来了直观、易用的菜单展示。配合详细的说明文档，无论是初学者还是有...
【标题】：“后台管理系统菜单 左侧折叠菜单代码”是一个针对后台管理系统的界面设计资源，主要包含实现左侧折叠菜单的代码。这样的菜单设计是后台管理界面中常见的元素，旨在提高用户体验，通过折叠的方式节省空间...
综上所述，"商品发布三级联动菜单js代码" 是一种实现商品分类快速导航的前端技术，它通过JavaScript实现了用户友好、高效的交互体验。在实际项目中，结合后台数据支持，可以大大提高商城网站的用户体验和商品检索...
在解压并查看代码之前，我们无法得知更多细节，但可以预期的是，这个文件夹将包含HTML结构、CSS样式和JavaScript脚本，三者协同工作，实现了所述的侧边栏后台菜单功能。 总的来说，这个压缩包提供了一个基于...
"网站后台页面左侧js折叠菜单代码" 提供的就是这样一种功能，它利用JavaScript（js）技术实现了一种动态的、可折叠的菜单，使后台界面更加整洁、用户友好。下面我们将深入探讨这一主题。 折叠菜单是一种常见的UI...
这是一个模仿腾讯微信公众号后台的页面，我写了个JS能生成 微信公众号生成菜单的对应json建议使用谷歌浏览器的调试模式(F12)然后跳到console里面 点击按钮 查看json生成过程 页面在PlatForm里面只有一个html 那个...
3. jQuery事件绑定：利用jQuery的$(document).ready()函数确保页面加载完毕后执行相关的JavaScript代码。通过事件监听（如click事件）来响应用户的操作，控制菜单的展开与收缩。 4. 动画效果：jQuery提供了丰富的...
为了学习和修改这个经典后台左侧菜单，建议先理解HTML结构，然后查看CSS如何影响菜单的外观，最后分析JavaScript代码以了解菜单的行为。熟悉这些基础知识后，可以根据项目需求进行个性化定制，比如更改颜色主题、...
JavaScript文件，尤其是`js`目录中的脚本，将负责处理菜单的交互逻辑。可能有一个初始化函数来绑定事件监听器，比如点击事件，当用户点击某个菜单项时触发`slideToggle()`。此外，还可能有其他辅助函数来处理菜单的...
"jQuery网站后台常用多级侧边栏导航菜单代码"是一个专门针对这一需求编写的代码资源，适用于构建功能丰富的网站后台界面。接下来，我们将深入探讨jQuery实现多级侧边栏导航菜单的关键技术和实现步骤。 首先，jQuery...
4. `js`：这是包含JavaScript代码的文件夹，可能包含实现折叠菜单逻辑的脚本。这些脚本会监听用户的交互事件，如点击菜单项，然后根据需要展开或收起子菜单。 总的来说，这个压缩包提供了一个完整的js折叠菜单解决...
一示基于js和CSS打造的实用的后台左侧折叠菜单代码，支持Cookies记录菜单的点击信息，也就是具有记忆功能的菜单，示例中还有一些菜单配置选项，比如菜单合拢展开的速度...通过这些配置你可定制成适合自己用的后台菜单。
在"demo"这个文件中，很可能是包含了实现上述功能的HTML、CSS和JavaScript代码示例。通过查看和学习这个示例，你可以更深入地理解如何在实际项目中构建一个JavaScript基础树状后台菜单。 总结来说，JavaScript基础...
5. **js**目录：包含了JavaScript代码，主要是jQuery脚本，用于处理菜单的动态行为，如折叠/展开菜单项、响应用户交互等。 为了实现这个菜单系统，开发者需要理解HTML结构、CSS样式以及jQuery的事件处理和DOM操作。...
这种结构化的方式方便管理和维护后台菜单，同时提供了灵活的扩展性。 接着，我们来看看`Adminleft`和`Adminmain`代码，它们分别代表后台的左侧菜单栏和主要内容区域。通常，左侧菜单栏会动态加载`summary.xml`中的...
3. `javascript.js`：可能包含了针对菜单的JavaScript代码，如监听事件和处理用户交互。 4. `fonts`和`images`目录：分别存储了菜单中可能用到的字体图标和背景图片。 在实际应用中，开发人员需要根据项目需求对...
文件名"网上商城前台+后台源代码"表明，这份资源可能包含了一个完整的前后端结构，尽管没有具体的编程语言信息。开发者在研究这份源代码时，可以学习到如何组织项目结构，理解不同文件和文件夹的作用，以及前端和...
这个“jquery网站后台菜单效果”项目是利用jQuery来实现的一种后台管理界面中的菜单交互效果，旨在提供高效且用户体验良好的导航结构。 在网页设计中，后台管理系统（通常称为CMS或Content Management System）的...
标题 "后台管理左侧菜单树Js+TreeView" 指的是在Web应用的后台管理系统中，用于展示层次结构的菜单的一种实现方式。这种实现通常利用JavaScript（Js）动态生成和操作DOM，结合TreeView控件，为用户提供直观易用的...