一直纠结的菜单选中变色问题终于用Jquery实现了

　　8-14，以前曾今写过一个菜单选中变色，用的是js，写的比较繁琐，最后还没实现，留下阴影，今天终于用jquery实现了，具体也很简单，就当练笔了。

　　图是这样的，一直纠结的菜单选中变色问题终于用Jquery实现了看上去很粗糙。

　　主要就3段代码，CSS，html和javascript。

<!--CSS代码-->
<style type="text/css">
        ul
        {
            text-decoration: none;
            list-style-type: none;
        }
        ul li
        {
            width: 250px;
        }
        ul li div
        {
            padding-left: 2px;
            height: 30px;
            line-height: 30px;
            font-size: 14px;
            font-weight: normal;
            background-color: Gray;
            color: White;
            cursor: pointer;
        }
        
        ul li .div0
        {
            font-size: 16px;
            font-weight: 800;
        }
        ul li .div0:hover
        {
            font-size: 18px;
            font-weight: 900;
            background-color: Silver;
            color: Green;
        }
        ul li .div1
        {
            padding-left: 30px;
        }
        ul li .div1:hover
        {
            font-size: 16px;
            font-weight: 800;
            background-color: Silver;
            color: Green;
        }
        .div1Selected
        {
            font-size: 16px;
            font-weight: 800;
            background-color: Silver;
            padding-left: 30px;
            color: Green;
        }
        .div0Selected
        {
            font-size: 18px;
            font-weight: 900;
            background-color: Silver;
            color: Green;
        }
        .divMenu
        {
            float: left;
            margin: 5px 0 0 4px;
        }
    </style>

View Code