onMouseOver效果

如何产生onMouseover效果?
当鼠标在链接或者背景上时,如何让它们的颜色发生改变?

解释

属性

: onMouseOver效果
文本效果:
例如:hioxindia.com
实现这一功能是非常简单的。根据以下的步骤,你也可以完成。
步骤1:
在head段落中添加文本要改变的样式,具体如下,
<head>
<style>
/*这是怎样的文字会在鼠标滑过*/
.colc{
font-family: san-serif;
color: #9EFF36;
}
/*这是如何看待文本将鼠标。注意:"悬停"是最最重要的变化这里*/
.colc:hover
{
font-family: san-serif;
color: #456745;
}
</style>
</head>
步骤2:
当鼠标在文本上方时,设置文本要出现的样式
例如:
<a href="" class="colc"> 这是将鼠标移动到文字</a>

注意:在这里我们使用标记"class"来设置样式。样式名称"将创建在header段落中。
-----------------------------

要让背景颜色发生改变,就像上面解释的一样,在样式标记中添加"background-color"属性。
例如:形成的样式就是
.colc2{
font-family: san-serif;
color: #9EFF36;
}
/*这是如何看待文本将鼠标。注意:"悬停"是最最重要的变化这里*/
.colc2:hover
{
background-color: #245250;
}

把这种样式设置到html标记中
<a href="" class="colc2"> 这是OnMouseOver效应 </a>