当前位置: 代码迷 >> JavaScript >> 求高手,切换按钮tab2的背景如何保持不再变回去?
  详细解决方案

求高手,切换按钮tab2的背景如何保持不再变回去?

热度:325   发布时间:2013-04-26 16:27:53.0
求高手,切换按钮tab2的背景怎么保持不再变回去???
我的问题是,页面里有tab1和tab2两个按钮, 可以点击切换背景。

切换代码如下
<div class="tabmenu">
        <a href="/test.php?flag=0#tab1" class="curr">Tab1</a>
        <a href="/test.php?flag=1#tab2">Tab2</a>
        <div class="tabtext">
                <div id="tab1">内容1111111111内容111111111</div>
                <div id="tab2">内容2222222222内容2222222222</div>
        </div>
</div>
但是每次点tab2的时候,tab2背景变绿色,完事页面就要刷新一次,下面的内容背景tab2的内容,但是按钮的背景绿色又回到了tab1.现在想实现点tab2 以后,tab2的背景是绿色,应该怎么实现,求高手知道

附:
js代码如下:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
        $(function(){
                $(".tabtext div").hide();
                $(".tabtext div:first").show();
                $(".tabmenu a").click(function(){
                        $(this).addClass("curr").siblings().removeClass("curr");
                        $(".tabtext div").hide();
                        var tt = $(this).attr("href");
                        $(tt).show();
                });
        });
</script>


样式为:
*{ margin:0; padding:0;}
.tabmenu { width:500px; margin:20px auto; }
.tabmenu a{ display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; color:#000; background:#ccc; }
.tabmenu a.curr { background:#080; color:#fff; font-weight:bold; }
.tabtext {width:480px; height:170px; padding:10px; font-size:20px;}

------解决方案--------------------
<a href="/test.php?flag=0#tab1" class="curr">Tab1</a>
        <a href="/test.php?flag=1#tab2">Tab2</a>

你这点击还能看到效果?都直接进入别的页面l