btn[a].className = 'current' 中的 current 是什么？
一、current 是一个 CSS 类名
current 是一个自定义的 CSS 类名，用于标记当前激活的按钮（即对应正在显示的图片的那个按钮）。
二、current 的作用
| 状态 | class 属性值 | 视觉效果 |
|---|---|---|
| 未激活 | ""（空字符串） | 普通按钮样式 |
| 激活 | "current" | 高亮样式（通常是不同的背景色或字体颜色） |
三、HTML 中的初始状态
html
<ul id="btnUI" class="count"> <li class="current">1</li> <!-- 第1个按钮有 current 类，高亮 --> <li class="">2</li> <!-- 其他按钮没有，普通样式 --> <li class="">3</li> <li class="">4</li></ul>
初始时，第 1 个按钮带有 class="current"，所以第 1 张图片显示时，第 1 个按钮是高亮的。
四、CSS 中的定义
current 类需要在 CSS 文件中定义样式，例如：
css
/* 普通按钮样式 */.count li {
display: inline-block;
width: 30px;
height: 30px;
background-color: #ccc;
border-radius: 50%;
text-align: center;
line-height: 30px;
cursor: pointer;}/* 高亮按钮样式 - 这就是 current 的作用 */.count li.current {
background-color: #ff6600; /* 橙色背景 */
color: white; /* 白色文字 */}效果对比：
text
普通按钮： ● 灰色背景 高亮按钮： ● 橙色背景 ← 表示当前显示第几张
五、代码中的动态切换
javascript
function show(a) {
// 先清空所有按钮的 class
for (i = 0; i < btn.length; i++) {
btn[i].className = ''; // 所有按钮变成普通样式
}
// 再给当前按钮添加 current 类
btn[a].className = 'current'; // 当前按钮变成高亮样式}执行过程示例（切换到第 3 张图片，a=2）：
| 步骤 | btn[0] | btn[1] | btn[2] | btn[3] |
|---|---|---|---|---|
| 清空前 | current | "" | "" | "" |
| 清空后 | "" | "" | "" | "" |
| 设置后 | "" | "" | current | "" |
六、current 的命名含义
| 单词 | 含义 |
|---|---|
| current | 当前的、现在的 |
在轮播图中，current 表示“当前正在显示的图片对应的按钮”。
常见变体命名：
active（激活）selected（选中）on（开启）highlight（高亮）
七、总结
| 问题 | 答案 |
|---|---|
current 是什么？ | 一个自定义的 CSS 类名 |
| 它定义在哪里？ | 在页面的 CSS 文件（或 <style> 标签）中 |
| 它的作用是什么？ | 让当前激活的按钮显示不同的样式（高亮） |
为什么叫 current？ | 表示“当前的”按钮 |
| 能改成其他名字吗？ | 可以，但要同步修改 CSS 中的类名 |
一句话总结：current 是一个 CSS 类名，用于标识轮播图中当前激活的按钮，通过 CSS 为其设置高亮样式（如不同背景色），让用户知道当前显示的是第几张图片