我正在尝试通过从用户那里获取值并使用 JQuery 更改它来设置 text-shadow 属性。我的代码如下
HTML 代码
<td width="13%">
H-Shadow::<input id="hshadow" onchange="setShadow();"/>
</td>
<td width="13%">
V-Shadow::<input id="vshadow" onchange="setShadow();"/>
</td>
<td width="12%">
Blur::<input id="blur" onchange="setShadow();"/>
</td>
<td width="12%">
Color::<input id="shadowcolor" class="color" onchange="setShadow();"/>
</td>
我的函数 setShadow 如下
function setShadow() {
var horShadow = document.getElementById('hshadow');
var verShadow = document.getElementById('vshadow');
var blurShadow = document.getElementById('blur');
var colorShadow = document.getElementById('shadowcolor');
$('.blue3d > textarea').css('textShadow', horShadow.value+"px "+verShadow.value+"px "+blurShadow.value+"px "+'#'+colorshadow.color);
}
同样到第四个选择颜色..我正在使用 jscolor 选择器..所以我需要在第四个添加 class=color ..你可以在这里看到 jscolor 选择器jsColor
我哪里错了?