如何在jQuery中更改框阴影范围

如何更改此代码中的框阴影宽度

        $('#Range1').change(function () {
            $('.divwidth').css({ boxShadowX: this.value + 'px' });
            $('.divwidth').css({ 'boxShadowY': this.value + 'px' });
            $('.divwidth').css({ 'boxShadowBlur': this.value + 'px' });
        });

---

this.value+'px'=它的html范围的有效值

幸运地从你的问题中找到了一些例子，但是试试这个

$（'#Range1'）。更改（函数（）{
$（'.divwidth'）.css（'boxShadowX'，$（this.width（））；
$（'.divwidth'）.css（'boxShadowY'，$（this.width（））；
$（'.divwidth'）.css（'boxShadowBlur'，$（this.width（））；
});

或

$（'#Range1'）。更改（函数（）{
$（'.divwidth'）.css（{boxShadowX:$（this.width（），$（this.width（），$（this.width（））））；
});

PX不是必需的，因为它是在PX上计算的

请参阅此处：
jquery 1.8之前的版本

$('.divwidth').css({
            'color' : 'black',
            'background' : 'white',
            'border-radius' : '15px',
            'box-shadow' : '0px 0px 0px #444',
            '-moz-box-shadow' : '0px 0px 0px #444',
            '-webkit-box-shadow' : '0px 0px 0px #444',
        });

1.8之后，您可以使用

$('.divwidth').css({ boxShadow: '1px 3px 6px #444' })

你要找的是：

$('.divwidth').css({ boxShadow: '1px ' + this.value + 'px ' + '6px #444' })

boxShadow属性是：在css boxShedowX boxShedowY中，水平（X）垂直（Y）模糊阴影

用这个
并将这个数字设置为dinamic

.css({ boxShadow: '1px 3px 6px #444' });

我不知道它是怎么工作的，现在很简单：）没问题，我们是来帮忙的。如果我的回答对你有帮助，我建议你给它打分或者接受它。祝您有个美好的一天。