| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1140 人关注过本帖
标题:js带记忆功能伸缩菜单的IE6兼容?
只看楼主 加入收藏
cssart
Rank: 1
等 级:新手上路
帖 子:47
专家分:5
注 册:2008-10-11
结帖率:41.67%
收藏
已结贴  问题点数:15 回复次数:6 
js带记忆功能伸缩菜单的IE6兼容?
大家好:下面是一个很好用的带记忆功能伸缩菜单,适用于未使用框架结构网站后台页面,但是在IE6下无法记忆菜单的展开状态,哪位高手能修改一下,让它也兼容IE6?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>带记忆功能的伸缩菜单</title>
</head>

<body>
<ul>
    <li>
        <a href="javascript:;" onclick="show('ol1')">国内新闻</a>
        <ol class="itemmenu" id="ol1" style="display:none;">
            <li><a href="#">A</a></li>
            <li><a href="#">B</a></li>
            <li><a href="#">C</a></li>
        </ol>
    </li>
    <li>
        <a href="javascript:;" onclick="show('ol2')">国际新闻</a>
         <ol class="itemmenu" id="ol2" style="display:none;">
            <li><a href="#">D</a></li>
            <li><a href="#">E</a></li>
            <li><a href="#">F</a></li>
        </ol>
   </li>
    <li>
        <a href="javascript:;" onclick="show('ol3')">宇宙新闻</a>
         <ol class="itemmenu" id="ol3" style="display:none;">
            <li><a href="#">G</a></li>
            <li><a href="#">H</a></li>
            <li><a href="#">I</a></li>
        </ol>
    </li>
</ul>
</body>
</html>
<script language="javascript" type="text/javascript">
function $(obj){
    return document.getElementById(obj);
}
//初始化左边菜单
function setCookie(sName,sValue,expireHours) {
    var cookieString = sName + "=" + escape(sValue);
    //;判断是否设置过期时间
    if (expireHours>0) {
         var date = new Date();
         date.setTime(date.getTime + expireHours * 3600 * 1000);
         cookieString = cookieString + "; expire=" + date.toGMTString();
    }
    document.cookie = cookieString;
}
//--- 获取cookie
function getCookie(sName) {
  var aCookie = document.cookie.split("; ");
  for (var j=0; j < aCookie.length; j++){
    var aCrumb = aCookie[j].split("=");
    if (escape(sName) == aCrumb[0])
      return unescape(aCrumb[1]);
  }
  return null;
}
document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var j = 0; j < elem.length; j++) {
        var classes = elem[j].className;
        if (myclass.test(classes)) retnode.push(elem[j]);
    }
    return retnode;
}
function show(obj){
    if($(obj).style.display == "none"){
        $(obj).style.display = "block";
    }else{
        $(obj).style.display = "none";
    }
    setAllItemCookie();
}
function setAllItemCookie(){
    //遍历菜单入库操作
    var strCookieMenu = "";
    var items = document.getElementsByClassName("itemmenu");
    for(var i = 0;i<items.length;i++){
        if(items[i].style.display=="block"){
            strCookieMenu += items[i].id + ",";
        }
    }
    setCookie("product-menu",strCookieMenu,1);
}



window.onload = function(){
    //初始化菜单
    try
    {
        var currMenu = getCookie("product-menu");
        var arrMenu = currMenu.split(",");
        for(var i = 0;i < arrMenu.length;i++){
            $(arrMenu[i]).style.display = "block";
        }
    }
    catch(e)
    {
    }
   
   
}
</script>
搜索更多相关主题的帖子: javascript content PUBLIC 
2011-01-29 11:21
cssart
Rank: 1
等 级:新手上路
帖 子:47
专家分:5
注 册:2008-10-11
收藏
得分:0 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

有朋友说这不是JS的问题,可能是页面编码或文档声明,上面是我页面的文档声明,请教哪里有错?如何修改?(试过改过几种声明,都不行)
2011-01-29 13:34
cssart
Rank: 1
等 级:新手上路
帖 子:47
专家分:5
注 册:2008-10-11
收藏
得分:0 
没人能解决吗?期待高手。
2011-01-29 17:24
cssart
Rank: 1
等 级:新手上路
帖 子:47
专家分:5
注 册:2008-10-11
收藏
得分:0 
再顶。
2011-01-30 09:57
cssart
Rank: 1
等 级:新手上路
帖 子:47
专家分:5
注 册:2008-10-11
收藏
得分:0 
请版主指教,多谢!
2011-01-30 10:15
caoweizhong
Rank: 2
等 级:论坛游民
帖 子:19
专家分:65
注 册:2011-1-22
收藏
得分:8 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.
<html xmlns="http://www. lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
2011-01-31 10:51
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:8 
aa.rar (1.63 KB)
2011-01-31 15:35
快速回复:js带记忆功能伸缩菜单的IE6兼容?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.026347 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved