0

ユーザーから値を取得し、JQueryを使用して変更することにより、テキストシャドウプロパティを設定しようとしています..私のコードは次のとおりです

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);

}

また、選択色の4番目に..私はjscolorピッカーを使用しています..だから、4番目にclass = colorを追加する必要がありました..ここでjscolorピッカーを見ることができます

どこが間違っているのですか？

4

1 に答える 1

0

?text-shadowの代わりに使用します。textShadow

  $('.blue3d > textarea').css('text-shadow', horShadow.value+"px "+verShadow.value+"px "+blurShadow.value+"px "+'#'+colorshadow.color);
于 2012-06-27T08:21:38.283 に答える