+ -
当前位置:首页 → 问答吧 → 写MENU导航切换效果遇到问题,求助了。

写MENU导航切换效果遇到问题,求助了。

时间:2009-04-21

来源:互联网

如题,我用JQ写了个MENU切换效果,但是怎么样也出了来,找了半天发现不到错误。错是肯定有的,请大家帮忙。



为了让大家更明白,我举个例子。

-----------------------------------

首页 | 新闻 | 软件 | 下载

----------------------------------

我要的效果就是“首页”默认了current,click新闻,将移除首页的current,而新闻addclass current。我写了半天只出现移除了current,add不了class current。



下面是JS代码和HTML代码。

复制代码
  1. //MENU切换
  2. $(document).ready(function(){
  3. $('.menu li a').click(function(){
  4. $(this).addClass('current').click(function(){
  5. $('.menu li a').removeClass("current");})
  6. $(this).addClass("current");
  7. });
  8. });




复制代码
  1. <div id="nav">
  2. <ul class="menu">
  3. <li><a href="index.asp" class="current" >首页</a></li>
  4. <li><a href="#" title="时事新闻" >时事新闻</a></li><li><a href="#" title="软件下载" >软件下载</a></li><li><a href="#" title="操作系统" >操作系统</a></li><li><a href="#" title="音乐世界" >音乐世界</a></li><li><a href="#" title="影视资源" >影视资源</a></li><li><a href="#" title="游戏下载" >游戏下载</a></li>
  5. </ul>
  6. </div>

作者: hipao   发布时间: 2009-04-21

耐着性子看完了
点击的时候要点击要先去除所有的css 然后在addclass

$(document).ready(function()
    {
        $('.menu li a').click(function()
            {
                $('.menu li a').removeClass("current");
                $(this).addClass("current");
            });
    });

作者: fudg1211   发布时间: 2009-04-21