Question

二级菜单导航用css和js实现如下效果

不用实现子菜单隐藏效果，怎样实现点击某一分类改其背景色为灰色，并且他对应的父级菜单变成棕色，刷新后仍然是这样？

Answer 1

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.js"></script>
<style>
.a ul li{width:200px;height:auto;clear:both;float:left;}
.small ul li{width:50px;height:25px;cursor:pointer;clear:both;float:left;}
.small ul li.cli{background:#09f;}
</style>
<script>
$(function(){
	$('.small ul li').each(function(index, element) {
        $(this).click(function(){
			$('.big').removeAttr('style');
			$('.small ul li').removeClass('cli');
			$(this).attr('class','cli');
			$(this).parents('li').eq(0).find('.big').css('background','#f00');
		});
    });
});
</script>
<div class="a">
	<ul>
    	<li>
        	<div class="big">大菜单1</div>
            <div class="small">
            	<ul>
                	<li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                </ul>
            </div>
        </li>
        <li>
        	<div class="big">大菜单2</div>
            <div class="small">
            	<ul>
                	<li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                </ul>
            </div>
        </li>
    </ul>
</div>

刷新那个需要写入cookie辅助，我找个给你

追问

太棒了~，非常感谢，如果没有点击的话默认大菜单1为红色怎么实现？

追答

大菜单1

就这样加个style属性就行了

追问

默认的没有出来效果~您再看看是代码问题不？可不可以加你Q Q啊，大神啊~

Answer 2

非要用js和css实现吗，用asp或者php来实现行不行？

追问

现在要求就是静态页写出来就是这样的，哎。。。。
您有想法不？ 我实在想不出来好的方法