jQuery制作一个网站左导航特效

<html>

<head>
    <meta charset="UTF-8">
    <style type="text/css">
        li {
            list-style: none;
            line-height: 22px;
            cursor: pointer;
        }

        .current {
            background: red;
            font-weight: bold;
            color: #fff;
        }
    </style>

    <script type="text/javascript" src="../tool/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#current").addClass("current");
        });
    </script>
</head>

<body>

<ul>
    <li id="current">jQuery介绍</li>
    <li>语法</li>
    <li>事件</li>
    <li>方法</li>
</ul>

</body>

</html>

猜你喜欢

转载自blog.csdn.net/u013101178/article/details/81294795