如何使盒影自动变色

how to make automatic box-shadow changing color

本文关键字：何使盒      更新时间：2023-09-26

我发现了一些代码，每次鼠标悬停时都会更改框阴影的颜色，但我无法更改它。我正在尝试setInterval，但这没有帮助。

有人知道怎么做吗？

$('#random').on('mouseover',function() {
    var color = '#'+Math.floor(Math.random()*16777215).toString(16);
    var colorString = '0px 0px 30px 0px ' + color;
    $('#random').css('box-shadow',colorString);
    $('#random').css('-webkit-box-shadow',colorString);
    $('#random').css('-mox-box-shadow',colorString);
});
#random {
    width: 200px;
    height: 200px;
    border: 1px solid black;
}
<div id="random">
</div>

我在控制台中看到以下错误：

Uncaught ReferenceError: $ is not defined

这意味着您可能没有在HTML 中包含jQuery

我在jquery中使用了您的代码，并且运行良好。

https://jsbin.com/pekociribu/edit?html，css，js，输出

相关文章：