ANIMATION > TARGETS

Array of Targets

Targets multiple elements using an array.

Accepts

Array containing DOM Nodes, NodeLists, or Objects

Array targets example

JavaScript

HTML

CSS

const el1 = document.querySelector('.el-1'); const el2 = document.querySelector('.el-2'); xjs([el1, el2]).animate({ x: 200 });

.el {
  width: 28px;
  height: 28px;
  background-color: var(--highlight-color);
  border-radius: 50%;
  margin: 10px 0;
}
.demo-visual { padding: 40px; }

功能说明：通过数组一次性指定多个目标（DOM/NodeList/对象混合也可以），适合手动组合 targets，或把多个来源的元素合并后统一动画。