javascript|链接
今天 经理说客户要把首页的链接的字体的样式改一下,就是要把鼠标 移动到一个链接(就是<a></a>)上面的时候,链接的字体和颜色都要变成 粗体和红色,而且鼠标移开后,颜色仍然不变,我刚开始用样式:a.link:hover {color:#FF0000;font-weight:bold;},但是想这样做的话只是鼠标移上去会变,移开后还是会变成以前的样式,客户的需求是:移上去后就变,移开后仍然保持链接为 粗体和红色。最后我自己用这种方法解决了:
首先,获取链接中的文本,比如说 我的链接为<a id="aArr">Arrival</a>,获取链接中的文本的js代码为:
var val = document.getElementById("aArr").innerText;
然后,我要把该文本的颜色变为 红色,代码如下:
val = val.fontcolor("red");
最后,我将这个文本插入到它的链接中:
document.getElementById("aArr").innerHTML = val;
注意:不能写成 document.getElementById("aArr").innerText = val;不然的话字体的颜色是不会改变的.
如果要改变字体为粗体的话,就可以这样:document.getElementById("aArr").style.fontWeight = "bold";
想这样,我只要在这个链接的onmouseover事件中调用上面的javascript代码就可以了。
时间: 2024-11-01 16:01:17