类似QQ的菜单，刷新时记住当前打开状态-电脑软硬件应用网-国内最受关注的计算机应用解决中心

<html>
<head>
<style type="text/css">
BODY {
    FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: buttonface; SCROLLBAR-SHADOW-COLOR: buttonface; COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: buttonhighlight; SCROLLBAR-TRACK-COLOR: #eeeeee; FONT-FAMILY: "song", "MS Shell Dlg"; TEXT-ALIGN: center; SCROLLBAR-DARKSHADOW-COLOR: buttonshadow; BACKGROUND-COLOR: #ffffff
;}
Select {
    BACKGROUND-COLOR: #f5f5f5; COLOR: #666666; FILTER: Alpha(Opacity=50); FONT-FAMILY: "song", "MS Shell Dlg", "宋体"; FONT-SIZE: 12px
}
INPUT { font-family: Tahoma, Verdana; font-size: 12px; font-weight: normal; background-color: #eeeeee; color: #111111 }

.textarea1 { font-family: Tahoma, Verdana; font-size: 12px; font-weight: normal; background-color: #eeeeee; color: #111111 }
TD {
    FONT-SIZE: 12px; COLOR: #333333; font-family: Tahoma, Verdana;
}
A:link {
    FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
    FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
    FONT-SIZE: 12px; COLOR: #000066; TEXT-DECORATION: underline
}
A.w:link {
    FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.w:visited {
    FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.w:hover {
    FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: underline
}
.button1 {
    BORDER-RIGHT: #665b8e 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 12px; BACKGROUND: buttonface; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #333333; PADDING-TOP: 1px; BORDER-BOTTOM: #665b8e 1px solid; FONT-FAMILY: "MS Shell Dlg", "Tahoma", "宋体"; HEIGHT: 20px
}
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

if (document.getElementById){ 
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

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;
}

function loadQQpos(){
	var pos=readCookie("QQpos");
	if(!pos)
		return;
	setQQmenu(pos,"masterdiv");
	}

function storeQQpos(){
	writeCookie("QQpos",lookQQmenu("masterdiv"),24);
	}

function setQQmenu(pos,menuID){
	if(pos==-1)
		return;
	var theMenu=document.getElementById(menuID);
	var items=theMenu.getElementsByTagName("span");
	if(items[pos])
		items[pos].style.display="block";
	}

function lookQQmenu(menuID){
	var theMenu=document.getElementById(menuID);
	var items=theMenu.getElementsByTagName("span");
	for(var i=0;i<items.length;i++)
		if(items[i].style.display=="block")
			return i;
	return -1;
	}
</script>
</head>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

最新热点		最新推荐		相关
				炫彩变色菜单代码图片轮显效果大全特酷的倒影时钟代码 js代码显示公历和农历禁止网页页面刷新的特效代码推荐几个入门级的JS特效代码 javascript实现仿新浪信息提… 自动记录网站更新日期点击消失的漂浮广告图片左右两边浮动广告特效代码