JS CSS字体颜色和下划线
JS CSS字体颜色和下划线
提问于 2014-07-24 05:52:48
我想改变css的字体。
<div id="a" onmouseover="chbg('red','b')" onmouseout="chbg('white','b')">This will change b element</div>
<div id="b">This is element b</div>
<div id="f" onmouseover="chbg('blue','g')" onmouseout="chbg('white','g')">This will change g element</div>
<div id="g">This is element g</div>
<div id="j" onmouseover="chbg('yellow','k')" onmouseout="chbg('white','k')">This will change k element</div>
<div id="k">This is element k</div>据我所知，这是用“chbg”来改变背景色，
如果我想使字体下划线+字体颜色，我如何应用于此。
这里是活生生的小提琴http://jsfiddle.net/NAuxn/
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-07-24 06:04:59
在函数调用中添加其他参数。这样，当悬停时，它将保持相同的风格。
<div id="a" onmouseover="chbg('red','b','underline','white')" onmouseout="chbg('white','b','none','black')">This will change b element</div>
<div id="b">This is element b</div>
<div id="f" onmouseover="chbg('blue','g','underline','white')" onmouseout="chbg('white','g','none','black')">This will change g element</div>
<div id="g">This is element g</div>
<div id="j" onmouseover="chbg('yellow','k','underline','white')" onmouseout="chbg('white','k','none','black')">This will change k element</div>
<div id="k">This is element k</div>JQUERY
function chbg(color, id, td, fc) {
document.getElementById(id).style.backgroundColor = color;
document.getElementById(id).style.textDecoration = td;
document.getElementById(id).style.color = fc;
}在上面的代码中，我使用了四个参数，比如chbg('red','b','underline','white')。第三个将告诉text-decoration风格，第四个将指出您希望鼠标上的颜色。
在鼠标上，我又回到了正常的风格。这是使用代码的解决方案。我建议您创建一些具有悬停风格的类，并将其应用于鼠标覆盖，并在鼠标突出时将其删除。
DEMO
Stack Overflow用户
发布于 2014-07-24 05:57:31
使用此函数，您可以更改字体颜色和下划线：http://jsfiddle.net/NAuxn/4/
function chbg(color, id) {
document.getElementById(id).style.color = color;
document.getElementById(id).style.textDecoration = "underline";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24926055
复制相关文章
相似问题
腾讯云开发者
