JS问题很急，请各位看下。 - 编程论坛

#2

foktime2010-08-11 16:38

用cookie保存状态
另外你的js部分写的太罗嗦了，给你改了一下
html部分也改了，没有说点击这种导航切换效果还要打开新页面的

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function $(id) {
    return document.getElementById(id);
}
function showleftmenu(num){
    for (var i = 0; i < 3; i++) {
        $("help_center_leftmenu" + i).className = "";
        $("menu_content" + i).style.display = "none";
    }
    $("help_center_leftmenu" + num).className = "active";
    $("menu_content" + num).style.display = "block";
    SetCookie("flag", num);
}
function initfn() {
    if (getCookie('flag')) {
        var n = getCookie('flag');
        for (var i = 0; i < 3; i++) {
            $("help_center_leftmenu" + i).className = "";
            $("menu_content" + i).style.display = "none";
        }
        $("help_center_leftmenu" + n).className = "active";
        $("menu_content" + n).style.display = "block";
    }
}

function showmenuitem(thisid){
     var items=document.getElementById("help_categories").getElementsByTagName("a");
    for(var i=0;i<items.length;i++){
        if(items[i].className=="style"){
            items[i].className="";
        }
    }
    thisid.className="style";
}
//写cookies函数
function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值
{
    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;

}
function delCookie(name)//删除cookie
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>
<style type="text/css">
#help_categories {
    width:157px;
    height:468px;
    background:#eff0f2;
    margin:4px 0 0 4px;
}
.classification {
    width:157px;
    float:left;
    height:auto;
}
.set_up {
    width:157px;
    float:left;
    height:auto;
}
.set_up h3 {
    text-align:center;
    background:#d2d8e4;
    height:auto;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
}
.set_up h3.active {
    background:#e95412;
    height:auto;
    line-height:47px;
    color:#FFF;
}
.set_up h3 a, .set_up a {
    color:#000000;
    display:block;
}
.set_up ul li {
    width:150px;
    float:right;
    line-height:25px;
}
</style>
</head>

<body onload="initfn()">
<div id="help_categories">
        <div class="classification">

          <div class="set_up">
            <h3 id="help_center_leftmenu1"><a style="cursor:hand" onmousedown="showleftmenu(1)">项目浏览</a></h3>
            <ul id="menu_content1" style="display:none;">

            </ul>
          </div>
          <div class="set_up" style="margin-top:3px;">
            <h3 id="help_center_leftmenu2"><a style="cursor:hand" onmousedown="showleftmenu(2)">查询项目</a></h3>
            <ul id="menu_content2" style="display:none;">

            </ul>
          </div>
          <div class="set_up" style="margin-top:3px;">
            <h3 id="help_center_leftmenu0" class="active"><a style="cursor:hand" onmousedown="showleftmenu(0)">项目汇总</a></h3>
            <ul id="menu_content0">
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer" >·标志设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·VI设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·包装设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·网站设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·空间设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·导示设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·工业设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·品牌顾问</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·品牌命名</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·广告设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·传媒设计</a></li>
            </ul>
          </div>
        </div>
      </div>
</body>
</html>

运行下试试

[ 本帖最后由 foktime 于 2010-8-11 16:51 编辑 ]

#3

gulimeksoft2010-08-11 16:41

这个想法很有创意，只是一个HTML可能难以实现，我的想法是你可以设置个变量，变量保存上次点击的一级菜单的标记，在载入页面的时候执行onload="showleftmenu(变量)"；而这个变量得保存在外部文件中，才能保证是刷新前设置的变量，你可以保存在一个XML,TXT等等或者一个数据库中

#4

foktime2010-08-11 16:46

楼上小哥，你把简单问题复杂化了你要相信js可以的

#5

liweilkm2010-08-11 17:03

回复 2楼 foktime

先谢谢了！辛苦了，不连接页面的情况下刷新是不会变，但是一旦连接到了一个页面他就变回来了，

只有本站会员才能查看附件，请登录

点这个后下面的收起来，第二个变换背景，到另一页面也还是这个样式。
<body onload="initfn()">放BODY里面？

[ 本帖最后由 liweilkm 于 2010-8-11 17:07 编辑 ]

#6

liweilkm2010-08-11 17:11

谢谢了，我知道问题所在了，我没有onload="initfn()"这句话放到BODY里面所有不行！可以教我学习JS吗？我真的很想学习，前台我就是在JS这里很烂。

#7

foktime2010-08-11 17:18

回复 6楼 liweilkm

有问题来这问就行
另外，你的代码问题是实现功能思路不清晰，量多易走弯路

[ 本帖最后由 foktime 于 2010-8-11 17:23 编辑 ]

#8

liweilkm2010-08-11 17:21

回复 7楼 foktime

好的。有什么好点的学习资料吗？

#9

foktime2010-08-11 17:25

看这帖子吧
https://bbs.bccn.net/thread-293461-1-3.html
一些js基础知识
现在不是版主了，无法将贴子置顶了

#10

liweilkm2010-08-12 08:49

只有本站会员才能查看附件，请登录

#11

foktime2010-08-12 09:41

无代码无真相

#12

liweilkm2010-08-12 13:59

回复 11楼 foktime

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>先成后台管理-详情</title>
<link href="Style/client.css" rel="stylesheet" type="text/css" />

<style type="text/css">

* {
    padding:0px;
    margin:0px;
}
img {
    border:0px;
}
body {
    font-family:"瀹嬩綋";
    font-size:12px;
    font-weight:normal;
}
ul, li, dl, dd, dt {
    list-style:none;
}
a {
    text-decoration:none;
    color:#000;
}
a:hover {
    text-decoration:underline;
    color:#F00;
}
h1, h2, h3, h4 {
    font-family:"瀹嬩綋";
    font-size:12px;
    font-weight:normal;
}
#box {
    width:1024px;
    height:730px;
    margin:0 auto;
}
/**Header**/
#header {
    width:1024px;
    height:93px;
    background:url(../images/xc_02.gif) repeat-x;
}
#h_logo {
    width:1024px;
    height:60px;
    float:left;
}
#h_logo h1 {
    width:68px;
    height:60px;
    padding-right:5px;
    float:left;
}
#h_logo h2 {
    float:left;
    width:300px;
    height:20px;
    font:bolder 20px "黑体";
    color:#ea5413;
    padding-top:30px;
}
#h_nav {
    width:534px;
    height:33px;
    float:left;
    margin-left:180px;}
.nav { WIDTH: 100%;  FONT-FaMILY: verdana; height:31px; font-family:arial, Helvetica, sans-serif; font-size:12px;}
.nav ul {PaDDING: 0px;  DISPLaY: block;  MaRGIN: 0px;  liST-STYLE-TYPE: none; HEIGHT: 31px; COLOR: #ffffff; }
.nav li { DISPLaY: block; FLOaT: left; HEIGHT: 31px; font-family:arial, Helvetica, sans-serif; font-size:12px; width:106px; text-align:center; line-height:31px;}
.nav li a {  DISPLaY: block;  FONT-WEIGHT: none;  COLOR: #847300; liNE-HEIGHT: 31px; TEXT-DECORaTION: none;}
.nav li a:hover {COLOR:#562505;  TEXT-DECORaTION: none;}
.current{ color:#ffffff; background:#006600; float:left; width:106px; height:31px;}
.nav li#date{ color:#ffffff; PaDDING:2px 15px 0; }
#btn {
    float:left;
    width:235px;
    height:24px;
    margin:4px 0 0 10px;
    display:inline;
}
#btn li {
    float:left;
    width:63px;
    height:24px;
    border-right:1px dashed #b5b6b6;
}
#btn li img {
    float:left;
    width:24px;
    height:24px;
    margin-right:5px;
}
#center {
float:left;
    width:1024px;
    height:auto;
    background:url(../images/xc_018.gif) repeat-x;
}
#c_left {
    width:165px;
    height:475px;
    background:#FFF;
    margin:7px 0 0 11px;
    display:inline;
    float:left;
}
#help_categories {
    width:157px;
    height:468px;
    background:#eff0f2;
    margin:4px 0 0 4px;
}
.classification {
    width:157px;
    float:left;
    height:auto;
}
.set_up {
    width:157px;
    float:left;
    height:auto;
}
.set_up h3 {
    text-align:center;
    background:#003300;
    height:auto;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
}
.set_up h3.active {
    background:#996699;
    height:auto;
    line-height:47px;
    color:#FFF;
}
.set_up h3 a, .set_up a {
    color:#000000;
    display:block;
}
.set_up ul li {
    width:150px;
    float:right;
    line-height:25px;
}

/**Foot**/
#foot {
    float:left;
    width:1024px;
    height:30px;
    background:url(../images/xc_42.gif) repeat-x;
    line-height:30px;
    font-weight:bold;
    color:#676666;
}
#foot p {
    float:left;
    width:860px;
}

</style>

<script language="javascript">
function $(id) {
    return document.getElementById(id);
}
function showleftmenu(num){
    for (var i = 0; i < 3; i++) {
        $("help_center_leftmenu" + i).className = "";
        $("menu_content" + i).style.display = "none";
    }
    $("help_center_leftmenu" + num).className = "active";
    $("menu_content" + num).style.display = "block";
    SetCookie("flag", num);
}
function initfn() {
    if (getCookie('flag')) {
        var n = getCookie('flag');
        for (var i = 0; i < 3; i++) {
            $("help_center_leftmenu" + i).className = "";
            $("menu_content" + i).style.display = "none";
        }
        $("help_center_leftmenu" + n).className = "active";
        $("menu_content" + n).style.display = "block";
    }
}

function showmenuitem(thisid){
     var items=document.getElementById("help_categories").getElementsByTagName("a");
    for(var i=0;i<items.length;i++){
        if(items[i].className=="style"){
            items[i].className="";
        }
    }
    thisid.className="style";
}
//写cookies函数
function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值
{
    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;

}
function delCookie(name)//删除cookie
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

</script>

<script language="javascript">

///点击链接，首先记录cookie，然后跳转
function change_bg(thisA, num) {

writeCookie('nav', num, 1);//写入cookie值，以便在另一页面调用，有效1分钟内
}

///页面载入后需自动执行的函数
function loadFN(){

navA = document.getElementById("nav").getElementsByTagName("a");

navCookie = readCookie('nav');

if(navCookie) {
  for(key in navA) {
   navA[key].className = '';
  }
  navA[navCookie].className = 'current';

}
}
///页面载入后执行js的loadFN函数
window.onload = loadFN;

///页面关闭时清除导航相关的cookie
//window.onunload = clearNavCookie;

///写入cookie值
function writeCookie(name, value, fens) {
  var expire = "";
  if(fens != null)
  {
    expire = new Date((new Date()).getTime() + fens * 60000);
    expire = "; expires=" + expire.toGMTString();
  }
  document.cookie = name + "=" + escape(value) + expire;
}

///读取名为name的cookie值
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;
}

///清除命名为cookieName的cookie
function clearNavCookie() {

writeCookie('nav', null, 0);
}
</script>

</head>
<body  onload="initfn()">
<div id="box">
  <div id="header">

    <div id="h_nav">
      <div class="nav" id="nav">
  <ul>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" class="current" onmousedown="change_bg(this, 0)">工作台</a></li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 1)">日程    </a> </li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 2)">任务中心</a> </li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 3)">我的任务(代办)</a> </li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 4)">客户中心</a> </li>


  </ul>
</div>
    </div>
    <div id="btn">
      <ul>
        <li><a href=""><img src="images/xc_12.gif" style="margin-left:5px;" /></a> <a href=""><img src="images/xc_14.gif" /></a></li>
        <li><a href=""><img src="images/xc_16.gif" style="margin-left:5px;"  /></a> <a href=""><img src="images/xc_18.gif" /></a></li>
        <li style=" border-right:none;"><a href=""><img src="images/xc_20.gif" style="margin-left:5px;"  /></a> <a href=""><img src="images/xc_22.gif" /></a></li>
      </ul>
    </div>
  </div>
  <div id="center">
    <div id="c_left">
<div id="help_categories">
        <div class="classification">

          <div class="set_up">
            <h3 id="help_center_leftmenu1"><a href="#" style="cursor:hand" onmousedown="showleftmenu(1)">项目浏览</a></h3>
            <ul id="menu_content1" style="display:none;">

            </ul>
          </div>
          <div class="set_up" style="margin-top:3px;">
            <h3 id="help_center_leftmenu2"><a href="#" style="cursor:hand" onmousedown="showleftmenu(2)">查询项目</a></h3>
            <ul id="menu_content2" style="display:none;">

            </ul>
          </div>
          <div class="set_up" style="margin-top:3px;">
            <h3 id="help_center_leftmenu0" class="active"><a style="cursor:hand" onmousedown="showleftmenu(0)">项目汇总</a></h3>
            <ul id="menu_content0">
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer" >·标志设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·VI设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·包装设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·网站设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·空间设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·导示设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·工业设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·品牌顾问</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·品牌命名</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·广告设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·传媒设计</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </div>
  <div id="foot">
    <p>  版权所有：</p>
    先成设计www.

#13

liweilkm2010-08-12 14:00

回复 11楼 foktime

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>先成后台管理-详情</title>
<link href="Style/client.css" rel="stylesheet" type="text/css" />

<style type="text/css">

* {
    padding:0px;
    margin:0px;
}
img {
    border:0px;
}
body {
    font-family:"瀹嬩綋";
    font-size:12px;
    font-weight:normal;
}
ul, li, dl, dd, dt {
    list-style:none;
}
a {
    text-decoration:none;
    color:#000;
}
a:hover {
    text-decoration:underline;
    color:#F00;
}
h1, h2, h3, h4 {
    font-family:"瀹嬩綋";
    font-size:12px;
    font-weight:normal;
}
#box {
    width:1024px;
    height:730px;
    margin:0 auto;
}
/**Header**/
#header {
    width:1024px;
    height:93px;
    background:url(../images/xc_02.gif) repeat-x;
}
#h_logo {
    width:1024px;
    height:60px;
    float:left;
}
#h_logo h1 {
    width:68px;
    height:60px;
    padding-right:5px;
    float:left;
}
#h_logo h2 {
    float:left;
    width:300px;
    height:20px;
    font:bolder 20px "黑体";
    color:#ea5413;
    padding-top:30px;
}
#h_nav {
    width:534px;
    height:33px;
    float:left;
    margin-left:180px;}
.nav { WIDTH: 100%;  FONT-FaMILY: verdana; height:31px; font-family:arial, Helvetica, sans-serif; font-size:12px;}
.nav ul {PaDDING: 0px;  DISPLaY: block;  MaRGIN: 0px;  liST-STYLE-TYPE: none; HEIGHT: 31px; COLOR: #ffffff; }
.nav li { DISPLaY: block; FLOaT: left; HEIGHT: 31px; font-family:arial, Helvetica, sans-serif; font-size:12px; width:106px; text-align:center; line-height:31px;}
.nav li a {  DISPLaY: block;  FONT-WEIGHT: none;  COLOR: #847300; liNE-HEIGHT: 31px; TEXT-DECORaTION: none;}
.nav li a:hover {COLOR:#562505;  TEXT-DECORaTION: none;}
.current{ color:#ffffff; background:#006600; float:left; width:106px; height:31px;}
.nav li#date{ color:#ffffff; PaDDING:2px 15px 0; }
#btn {
    float:left;
    width:235px;
    height:24px;
    margin:4px 0 0 10px;
    display:inline;
}
#btn li {
    float:left;
    width:63px;
    height:24px;
    border-right:1px dashed #b5b6b6;
}
#btn li img {
    float:left;
    width:24px;
    height:24px;
    margin-right:5px;
}
#center {
float:left;
    width:1024px;
    height:auto;
    background:url(../images/xc_018.gif) repeat-x;
}
#c_left {
    width:165px;
    height:475px;
    background:#FFF;
    margin:7px 0 0 11px;
    display:inline;
    float:left;
}
#help_categories {
    width:157px;
    height:468px;
    background:#eff0f2;
    margin:4px 0 0 4px;
}
.classification {
    width:157px;
    float:left;
    height:auto;
}
.set_up {
    width:157px;
    float:left;
    height:auto;
}
.set_up h3 {
    text-align:center;
    background:#003300;
    height:auto;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
}
.set_up h3.active {
    background:#996699;
    height:auto;
    line-height:47px;
    color:#FFF;
}
.set_up h3 a, .set_up a {
    color:#000000;
    display:block;
}
.set_up ul li {
    width:150px;
    float:right;
    line-height:25px;
}

/**Foot**/
#foot {
    float:left;
    width:1024px;
    height:30px;
    background:url(../images/xc_42.gif) repeat-x;
    line-height:30px;
    font-weight:bold;
    color:#676666;
}
#foot p {
    float:left;
    width:860px;
}

</style>

<script language="javascript">
function $(id) {
    return document.getElementById(id);
}
function showleftmenu(num){
    for (var i = 0; i < 3; i++) {
        $("help_center_leftmenu" + i).className = "";
        $("menu_content" + i).style.display = "none";
    }
    $("help_center_leftmenu" + num).className = "active";
    $("menu_content" + num).style.display = "block";
    SetCookie("flag", num);
}
function initfn() {
    if (getCookie('flag')) {
        var n = getCookie('flag');
        for (var i = 0; i < 3; i++) {
            $("help_center_leftmenu" + i).className = "";
            $("menu_content" + i).style.display = "none";
        }
        $("help_center_leftmenu" + n).className = "active";
        $("menu_content" + n).style.display = "block";
    }
}

function showmenuitem(thisid){
     var items=document.getElementById("help_categories").getElementsByTagName("a");
    for(var i=0;i<items.length;i++){
        if(items[i].className=="style"){
            items[i].className="";
        }
    }
    thisid.className="style";
}
//写cookies函数
function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值
{
    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;

}
function delCookie(name)//删除cookie
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

</script>

<script language="javascript">

///点击链接，首先记录cookie，然后跳转
function change_bg(thisA, num) {

writeCookie('nav', num, 1);//写入cookie值，以便在另一页面调用，有效1分钟内
}

///页面载入后需自动执行的函数
function loadFN(){

navA = document.getElementById("nav").getElementsByTagName("a");

navCookie = readCookie('nav');

if(navCookie) {
  for(key in navA) {
   navA[key].className = '';
  }
  navA[navCookie].className = 'current';

}
}
///页面载入后执行js的loadFN函数
window.onload = loadFN;

///页面关闭时清除导航相关的cookie
//window.onunload = clearNavCookie;

///写入cookie值
function writeCookie(name, value, fens) {
  var expire = "";
  if(fens != null)
  {
    expire = new Date((new Date()).getTime() + fens * 60000);
    expire = "; expires=" + expire.toGMTString();
  }
  document.cookie = name + "=" + escape(value) + expire;
}

///读取名为name的cookie值
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;
}

///清除命名为cookieName的cookie
function clearNavCookie() {

writeCookie('nav', null, 0);
}
</script>

</head>
<body  onload="initfn()">
<div id="box">
  <div id="header">

    <div id="h_nav">
      <div class="nav" id="nav">
  <ul>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" class="current" onmousedown="change_bg(this, 0)">工作台</a></li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 1)">日程    </a> </li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 2)">任务中心</a> </li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 3)">我的任务(代办)</a> </li>
    <li><a  href="file:///E:/先成管理系统/客户中心——列表1.html" onmousedown="change_bg(this, 4)">客户中心</a> </li>


  </ul>
</div>
    </div>
    <div id="btn">
      <ul>
        <li><a href=""><img src="images/xc_12.gif" style="margin-left:5px;" /></a> <a href=""><img src="images/xc_14.gif" /></a></li>
        <li><a href=""><img src="images/xc_16.gif" style="margin-left:5px;"  /></a> <a href=""><img src="images/xc_18.gif" /></a></li>
        <li style=" border-right:none;"><a href=""><img src="images/xc_20.gif" style="margin-left:5px;"  /></a> <a href=""><img src="images/xc_22.gif" /></a></li>
      </ul>
    </div>
  </div>
  <div id="center">
    <div id="c_left">
<div id="help_categories">
        <div class="classification">

          <div class="set_up">
            <h3 id="help_center_leftmenu1"><a href="#" style="cursor:hand" onmousedown="showleftmenu(1)">项目浏览</a></h3>
            <ul id="menu_content1" style="display:none;">

            </ul>
          </div>
          <div class="set_up" style="margin-top:3px;">
            <h3 id="help_center_leftmenu2"><a href="#" style="cursor:hand" onmousedown="showleftmenu(2)">查询项目</a></h3>
            <ul id="menu_content2" style="display:none;">

            </ul>
          </div>
          <div class="set_up" style="margin-top:3px;">
            <h3 id="help_center_leftmenu0" class="active"><a style="cursor:hand" onmousedown="showleftmenu(0)">项目汇总</a></h3>
            <ul id="menu_content0">
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer" >·标志设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·VI设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·包装设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·网站设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·空间设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·导示设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·工业设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·品牌顾问</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·品牌命名</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·广告设计</a></li>
              <li><a onclick="showmenuitem(this)" style=" cursor:pointer">·传媒设计</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </div>
  <div id="foot">
    <p>  版权所有：</p>
    先成设计www.

#14

foktime2010-08-12 15:16

怎么又弄了一套操作cookie的方法
这个也是想实现页签切换吗？横的竖的不都是一个原理么

#15

liweilkm2010-08-12 17:20

回复 14楼 foktime

用你的那个做了下但是刷新就变了！所以再找了套！但是按钮不变了。还是你的强大点。

#16

foktime2010-08-12 17:36

仔细研究代码
你找10套都是一样的对cookie的操作方法不会有变只是写法不同