<!--Modify by visc.cn for cbiw.com.cn 2007-03-19-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>刷新不变化树形菜单 - 未寺客JS</title>
<style type="text/css">
body,td,th {font-size: 14px;}
.leftmenu1 {font-weight: bold; cursor: hand; padding-top: 4px; height: 29px; text-align: left;}
.leftmenu2 {PADDING-LEFT:15px; height: 21px;text-align: left;}
div{ margin-top:90px; width:100%; text-align:center; }
</style>
</head>
<body>
<div>
<script language="JavaScript" type="text/javascript">
function Show(id,i_id){
var on_img="http://www.cbiw.com.cn/member/pic/ass04.gif";//打开时图片
var off_img="http://www.cbiw.com.cn/member/pic/ass03.gif";//隐藏时图片
var obj=document.getElementById('c_'+id);
if(obj.style.display=="none"){
obj.style.display="";
i_id.src=on_img;
//将子菜单Id放入Cookies
var curShow = readCookie('curShow');
if(curShow!='')
{
var arr_curShow = curShow.split(',');
var found = false;
for(i=0;i<arr_curShow.length-1;i++)
{
if(arr_curShow[i].toString()==id) {found=true;}
}
if(!found){writeCookie('curShow',curShow+','+id,12)}
}
else {
writeCookie('curShow',id,12)
}
//将子菜单Id放入Cookies End
}else{
obj.style.display="none";
i_id.src=off_img;
//将子菜单Id从Cookies中移除
var curShow = readCookie('curShow');
if(curShow!='')
{
var arr_curShow = curShow.split(',');
for(i=0;i<arr_curShow.length;i++)
{
if(arr_curShow[i].toString()==id) {arr_curShow=arr_curShow.del(i--);}
}
curShow = arr_curShow.join(',');
//alert(curShow);
writeCookie('curShow',curShow,12)
}
//将子菜单Id从Cookies中移除 End
}
}
function readCookie(name)
{
var cookieValue = "";
var search = name + "=";
if(document.cookie.length > 0)
{
offset = document.cookie.indexOf(search);
if (offset != -1)
{
offset += search.length;
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
cookieValue = unescape(document.cookie.substring(offset, end))
}
}
return cookieValue;
}
function writeCookie(name, value, hours)
{
var expire = "";
if(hours != null)
{
expire = new Date((new Date()).getTime() + hours * 3600000);
expire = "; expires=" + expire.toGMTString();
}
document.cookie = name + "=" + escape(value) + expire;
}
Array.prototype.del=function(n) { //n表示第几项,从0开始算起。
//prototype为对象原型,注意这里为对象增加自定义方法的方法。
if(n<0) //如果n<0,则不进行任何操作。
return this;
else
return this.slice(0,n).concat(this.slice(n+1,this.length));
}
window.onload = function a()
{
var curShow = readCookie('curShow');
var totalShow = 5; //自己修改一共有多少个二级分类
if(curShow!=''&&curShow!=null)
{
for(i=1;i<=totalShow;i++)
{
document.getElementById('c_'+i).display="none";
}
var arr_curShow;
arr_curShow = curShow.split(',');
for(i=0;i<=arr_curShow.length-1;i++)
{
if(arr_curShow[i]!=''){document.getElementById('c_'+arr_curShow[i]).style.display="";}
}
}
}
</script>
<table width="10%" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="leftmenu1"> <a style="cursor: pointer" onclick="Show(1,img1)"><img src="http://www.cbiw.com.cn/member/pic/ass03.gif" width="16" height="16" align="absmiddle" id="img1"/><span class="ft_white"> 个人资料</span></a></td></tr>
</tbody>
<tbody id="c_1" style="display: none">
<tr>
<td class="leftmenu2"><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">基本信息</a></td></tr>
<tr>
<td class="leftmenu2"><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">修改密码</a></td></tr>
</tbody>
<tbody>
<tr>
<td class="leftmenu1"> <a style="cursor: pointer" onclick="Show(2,img2)"><img src="http://www.cbiw.com.cn/member/pic/ass03.gif" width="16" height="16" align="absmiddle" id="img2"/><span class="ft_white"> 我的简历</span></a></td></tr>
</tbody>
<tbody id="c_2" style="display: none">
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">求职简历</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">求职意向</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">上传照片</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">简历预览</a></td></tr>
</tbody>
<tbody>
<tr>
<td class="leftmenu1"> <a style="cursor: pointer" onclick="Show(3,img3)"><img src="http://www.cbiw.com.cn/member/pic/ass03.gif" width="16" height="16" align="absmiddle" id="img3"/><span class="ft_white"> 职位搜索</span></a></td></tr>
</tbody>
<tbody id="c_3" style="display: none">
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">快速搜索</a></td></tr>
</tbody>
<tbody>
<tr>
<td class="leftmenu1"> <a style="cursor: pointer" onclick="Show(4,img4)"><img src="http://www.cbiw.com.cn/member/pic/ass03.gif" width="16" height="16" align="absmiddle" id="img4"/><span class="ft_white"> 应聘管理</span></a></td></tr>
</tbody>
<tbody id="c_4" style="display: none">
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">应聘记录</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">企业邀请</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">收藏职位</a></td></tr>
</tbody>
<tbody>
<tr>
<td class="leftmenu1"> <a style="cursor: pointer" onclick="Show(5,img5)"><img src="http://www.cbiw.com.cn/member/pic/ass03.gif" width="16" height="16" align="absmiddle" id="img5"/><span class="ft_white"> 我的知识</span></a></td></tr>
</tbody>
<tbody id="c_5" style="display: none">
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">我要提问</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">我要回答</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">发问记录</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="#">回答记录</a></td></tr>
<tr>
<td class="leftmenu2" ><img src="http://www.cbiw.com.cn/member/pic/ass06.gif" width="9" height="9" /> <a href="http://www.visc.cn" target="_blank" title="未寺客(visc.cn) - 做个广告,嘿嘿">分数记录</a></td></tr>
</tbody>
</table>
</div>
</body>
</html>
分享到:
相关推荐
可刷新的无限多级树形菜单,完美兼容各大浏览器,添加新的节点也十分方便。代码中有很详细的注释。
过javascrip读取保存在cookies的菜单状态,来重新设置菜单。
通过设置cookie来保存树形菜单的状态,在页面加载时重新读取cookie来设置菜单
树形的二级分类,刷新后重定向过来都无任何变化。用了cookie记住了。
1.完整的包命名空间 2.自定义header footer ...14.无变化重新刷新整个树Refresh 15.支持插件开发,可以为树添加更多功能,例如下拉框树,选择框树,可编辑内容的树,拖动节点等都可以很容易自己实现或者根据第三方js实现
Ajax与ASP网页交互动态添加删除数据一例 Asp+Ajax无限级联动下拉框菜单Access版 ASP 树形菜单TreeView 多样式版 Ajax仿iGoogle双击编辑、网页拖动完整实例 ASP+jQuery无刷新读写数据库操作 Ajax提交数据实例_Ajax+...
2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3...
01041停止屏幕刷新 01042使事件无效 01043使取消键无效 01044不显示警告信息对话框 01045设置使用的打印机 01046安装加载宏 01047利用GetOpenFilename方法获取文件名 01048利用GetOpenFilename方法获取某类型文件名 ...
-修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...
1. 树形浏览结构 2. 双击 运行程序/进入下一级菜单目录 3. 返回上一级菜单 4. 重命名 5. 刷新 6. 删除 7. 按文件名/大小/类型/最后修改日期排序 8. 对当前文件夹进行过滤操作 9. 对当前文件夹的简要统计 尚未实现的...
2 在资源管理器左侧展示树形目录按计算机原本的目录结构进行显示 2.1 单击+号,展开节点,显示子目录节点 2.2 单击某节点主体,在右侧的列表区域显示该节点对应的目录下的所有子目录和文件的信息,并将对象统计数目...
-修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性...
有点类似于树形二级状态,后面的下拉框数据来源并没有在前面内容里,而是另外一个接口查询,具体操作如下: HTML代码: 1.在处理人列加入一个下拉框模板,其中v-model必须要scope.row.proJbruserValue来绑定,意思...
树形浏览结构 2. 双击 运行程序/进入下一级菜单目录 3. 返回上一级菜单 4. 重命名 5. 刷新 6. 删除 7. 按文件名/大小/类型/最后修改日期排序 8. 对当前文件夹进行过滤操作 9. 对当前文件夹...
11. 树形显示屏管理。支持快速节目群发。 12. 节目预览功能。 13. 发送失败后的自动重发功能。 14. 发送日志记录与查询。 15. 数字时钟(支持农历)、倒计时功能。 16. 支持动态域名解析。 17. 控制卡自带4 个12 ...