jquery人们问题导航菜单及显示隐藏层_jquery

用jquery实现显示隐藏层，和用jquery实现导航样式
非常简单的几句代码，免去了用js写一大串的垃圾代码。

//下面是导航样式的
$(“a[title=’nav’]”).click(function(){
           for(i=0;i<$(“a[title=’nav’]”).size();i++)
            {
                if($(this).attr(“id”)!=$(“a[title=’nav’]”).eq(i).attr(“id”))
                   $(“a[title=’nav’]”).eq(i).removeClass(“hover”);
                else
                    $(“a[title=’nav’]”).eq(i).addClass(“hover”);
            }
    });
<a href=”#” id=”nav1″ title=”nav” class=”hover” >nav1</a>
<a href=”#” id=”nav2″ title=”nav” >nav2</a>
<a href=”#” id=”nav3″ title=”nav” >nav3</a>
<a href=”#” id=”nav4″ title=”nav” >nav4</a>
//下面是收起和打开的样式
$(“.Thand”).click(function(){            $(this).next().css(“display”,$(this).next().css(“display”)==”block” ? “none”:”block”);
    });
<h2 class=”Thand”><span>公司介绍</span><a href=”#”>open</a></h2>
    <div class=”infobox”>
        <dl>
            <dt><img src=”../images/index_bg1.gif” name=”logo”  id=”logo” width=”300″/></dt>
            <dd>
            公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息
          公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息
            公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息
            公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息
         公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息
            </dd>
       </dl>
   </div>

欢迎大家阅读《jquery人们问题导航菜单及显示隐藏层_jquery》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

喜欢 (0)赏

[搞代码]

分享 (0)