js点击的时候变颜色怎么做？

最新推荐文章于 2024-10-12 16:42:11 发布

原创最新推荐文章于 2024-10-12 16:42:11 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

个人日记专栏收录该内容

108 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单导航栏切换效果。通过为不同的导航项添加点击事件，可以改变其背景样式来指示当前选中状态。此效果适用于快速展示网站或应用的时间范围选择功能。

<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
 <style>
        .current{background:#efd060;}
 </style>
 <ul class="toolbar">
            <li class="click">&nbsp;&nbsp;昨天</li>
            <li class="click">&nbsp;&nbsp;今天</li>
            <li class="click">&nbsp;&nbsp;最近7天</li>
            <li class="click">&nbsp;&nbsp;最近30天</li>
        </ul>
 <script type="text/javascript">
     $(".click").click(function(){
         $(".toolbar li").removeclass("current");
         $(this).addclass("current");
     });
 </script>