|
|

楼主 |
发表于 2024-10-30 12:20
|
显示全部楼层
这就是class,类属性,对应CSS的 .ball 选择器,凡 class="ball" 的元素,都纳入 class 属性指向的类。
本例,没有使用 var balls = document.querySelectorAll('.ball') 去获取操作标识符,而是利用动画绘制 svg 小球时将元素加入了事先声明的数组变量 balls(声明在20行,balls = [],加入在28行,balls.push(dr.elm),其中dr.elm 指的是 svgdr 返回的当前元素)。
用 querySelectorAll 方法获得的元素集群也是一个数组,所以上述方法也是可行的。
然后在30行对 balls 进行编程,balls 分解为每一个 b,b点击事件(b.onclick)触发花括号里面的语句的执行,其中 31 行的设置小球播放与否、32行控制音频播放或暂停。
小球变大的设置则由CSS完成,代码在第5行。 |
评分
-
| 参与人数 1 | 威望 +30 |
金钱 +60 |
经验 +30 |
收起
理由
|
花飞飞
| + 30 |
+ 60 |
+ 30 |
很给力! |
查看全部评分
|