linear-gradient（）值作为js变量

Question

我想知道是否有可能通过JS脚本控制CSS值，以便我可以为它们分配变量（在这种情况下，是从clientX和clientY鼠标事件中提取的）。

这意味着颜色值将随着鼠标在页面上移动而改变。有没有人有过将脚本和变量连接到CSS值的经验？

谢谢！

Answer 1

是的。有可能的。这是一个使用X e Y更改背景颜色的示例。

function runEvent(e) {
    let valY = e.clientY, valX = e.clientX;

    document.body.style.backgroundColor = `rgb(${e.offsetX}, ${e.offsetY}, 0)`;
}

window.addEventListener('mousemove', runEvent);

在您的情况下，只需将backgroundColor更改为background ='linearGradient（value，$ {JSvalues}）'