js导航栏样式变换

<script type="text/javascript">
    $(function(){
        var lis = $(".submenu").children("li");
        for (var i = 0; i < lis.length; i++) {
            lis[i].onclick = function(){check(this)}
        }
    });
    function check(obj){
        var lis = $(".submenu").children("li");
        for (var i = 0; i < lis.length; i++) {
            lis[i].className="";
        }
        obj.className="active";
    }
</script>

格式为

<ul class="submenu">
<li>1</li>
<li>2</li>
</ul>

 

posted @ 2016-08-09 10:46  无知死循环  阅读(1071)  评论(0编辑  收藏  举报