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

【问题标题】：How To change box shadow range in jQuery如何在 jQuery 中更改框阴影范围
【发布时间】：2014-10-05 21:55:39
【问题描述】：

我如何通过此代码更改框阴影宽度

        $('#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 范围的值

【问题讨论】：

标签： jquery css function range onchange

【解决方案1】：

从你的问题中找到了一些例子，但试试这个。

$('#Range1').change(function () { $('.divwidth').css('boxShadowX', $(this).width()); $('.divwidth').css('boxShadowY', $(this).width()); $('.divwidth').css('boxShadowBlur', $(this).width()); });

或

$('#Range1').change(function () { $('.divwidth').css({boxShadowX: $(this).width(), $(this).width(), $(this).width()}); });

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

参考这里：http://api.jquery.com/css/

【讨论】：

【解决方案2】：

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 属性是boxShadow : horizontal(X) vertical(Y) blur shadow

【讨论】：

tahnk 你 Razvan 我不知道它现在是如何工作的非常简单:)
没问题，我们随时为您提供帮助。如果我的回答对您有所帮助，我建议您对其进行评分或接受。祝你有美好的一天。

【解决方案3】：

在css boxShedowX boxShedowY,boxShadowBlur 样式中没有

使用这个并将这个数字设置为动态的；

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

【讨论】：