如何让鼠标移动到超链接上时,链接改变背景颜色,移开又恢复原来的背景颜色,实现这种效果最好是使用JS和CSS共同来完成。
一、使用的JS代码
<script language="javascript" type="text/javascript">
function ChangeBGColor(obj)
{
var LinkID=obj.id;
document.getElementById(LinkID).style.backgroundColor="#FFFFFF";
document.getElementById(LinkID).style.color="#009900";
}
function ResetChangeBGColor(obj)
{
var LinkID=obj.id;
document.getElementById(LinkID).style.backgroundColor="";
document.getElementById(LinkID).style.color="";
}
</script>
二、网页中的超链接对象
<a href="#" id="link1" onmouseout="ResetChangeBGColor(this)" onMouseOver="ChangeBGColor(this)">超级链接1</a>
<a href="#" id="link2" onmouseout="ResetChangeBGColor(this)" onMouseOver="ChangeBGColor(this)">超级链接2</a>
请注意,超链接除了设置ID之外,还增加了两个事件,分别是:onmouseout="ResetChangeBGColor(this)"和onMouseOver="ChangeBGColor(this)",这样就能实现效果了。