原生js实现音乐列表(隔行换色、全选)

一、实现原理:

1、使用 % 运算符实现各行换色,规律:当%前面的值和后面的值相同时  结果为0;

2、使用开关思想,实现在同一个元素上反复点击时的条件判断,并且把开关以属性方式绑定在每个元素上;

3、使用大总管变量,记录鼠标移入时的下标,用于设置鼠标离开时的颜色

4、使用变量记录每选中一行就自增1 取消选中就自减1,当变量数值与行的长度相等时 说明全选了;

二、代码:

  • 认真的雪
  • 再见
  • 大约在冬季
  • 蜗牛
  • 光辉岁月

全选

你可能感兴趣的:(原生js实现音乐列表(隔行换色、全选))