jquery实现菜单背景点击变色

  • A+
所属分类:CSS web前端开发

html

<ul class="menu">
    <li><a class=""  href="" target="main_pro">一</a></li>
    <li><a class=""  href="" target="main_pro">二</a></li>
    <li><a class=""  href="" target="main_pro">三</a></li>
    <li><a class=""  href="">四</a></li>
</ul>
JS

$(function(){
    $(".menu li").first().addClass("visited");
    $(".menu li").click(function(){
        $(this).addClass("visited").siblings().removeClass("visited");
    });
});
CSS
.visited{
    background-color: #00b4de;
    color: white;
}
weinxin
我的微信
这是我的微信扫一扫
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: