尝试使用 jQuery 设置 Text-Shadow 属性
trying to set Text-Shadow property using jQuery
我正在尝试通过从用户那里获取值并使用JQuery更改它来设置文本阴影属性。我的代码如下
网页代码
<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个选择颜色..我正在使用JS颜色选择器。所以我需要在第 4 个中添加类=颜色..你可以在这里看到jscolor选择器
我哪里出错了?
使用 text-shadow
而不是 textShadow
?
$('.blue3d > textarea').css('text-shadow', horShadow.value+"px "+verShadow.value+"px "+blurShadow.value+"px "+'#'+colorshadow.color);
相关文章:
- 节点,express应用程序返回text/javascript响应头(Content-Type),尽管设置了applic
- 如何将按钮的数据属性设置为输入[type=text]中设置的任何值
- Don't在设置<text区域>
- 在JQuery中设置$(this).text的样式
- text方法中的javascript设置变量
- 属性来检索和设置Text节点值:data或nodeValue
- 设置'字体大小'jQuery不处理所选Text的最后一个元素
- 为插入到Shadow DOM中的内容设置样式
- 获取选定的li文本和设置菜单'it’s text with it
- 尝试使用 jQuery 设置 Text-Shadow 属性
- 如何在javascript中设置textBox.Text=radCombo.Text
- 以 Javascript PROPER 方式设置 asp:label 的 Text 属性
- 使用getElementByClassName在特定元素中设置Text
- 可以't设置宽度、高度<text区域>使用jQuery
- 从脚本type="text/template"设置数据属性为jQuery对象
- 通过angular指令设置元素的属性text/value
- 在angularJS中根据另一个输入[type=text]值设置输入[type=range]最大值
- 为什么不能设置' document.getElementById("text");’走向全球
- 将滚动条输入类型text设置为select2
- 如何使用Element将value设置为“text”.属性名称IE浏览器