CSS按钮高亮的解决方案

简介: CSS按钮高亮的解决方案
.active {
            background-color: aqua;
        }
<div id="list">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
    <span>5</span>
</div>
    var a = $("#list span");
    console.log(a[0]);
    for (var i = 0; i < a.length; i++) {
        a[i].index = i;
        a[i].onclick = function () {
            for (var i = 0; i < a.length; i++) {
                a[i].className = ''
            }
            this.className = 'active'
        }
    }

Done !

相关文章
|
7月前
|
Web App开发 前端开发 开发者
|
1天前
|
前端开发 UED 开发者
【专栏】CSS3 动画卡顿性能优化解决方案
【4月更文挑战第29天】本文探讨了CSS3动画卡顿的原因,包括复杂动画效果、过多元素参与、低效代码结构和硬件资源限制,并提出优化措施:简化动画路径、控制元素数量、优化代码结构、利用硬件加速及性能监测。通过实际案例展示了优化效果,强调了性能优化对提升用户体验的重要性。在开发中,应持续关注并优化动画性能,以适应网页应用的需求。
|
19天前
|
前端开发
|
4月前
|
前端开发 JavaScript
分享几个精美的网页按钮样式,纯CSS实现,无JS(拿来即用)
分享几个精美的网页按钮样式,纯CSS实现,无JS(拿来即用)
36 0
|
9月前
|
前端开发
入门css小demo,登录按钮
入门css小demo,登录按钮
54 0
|
5月前
|
前端开发
CSS 斜体按钮
CSS 斜体按钮
CSS 斜体按钮
|
5月前
|
前端开发
纯css实现的一些好看的按钮
纯css实现的一些好看的按钮
41 0
|
6月前
|
前端开发
HTML + CSS各种好看按钮组件
HTML + CSS各种好看按钮组件
|
6月前
|
前端开发
css实现平行四边形按钮
css实现平行四边形按钮
35 0
|
6月前
|
前端开发
Bootstrap纯CSS3箭头按钮样式
Bootstrap纯CSS3箭头按钮样式