[整理]css中如何写入onmouseover和onmouseout事件
2008-12-30 15:09
411 查看
[整理]css中如何写入onmouseover和onmouseout事件
<style>
.button-normal
{
border:groove 1px #ffffff;
border-bottom:groove 1px #666666;
border-right:groove 1px #666666;
background-image:url(button-bg03.gif);
background-repeat:repeat-x;
background-color:Transparent;
height:20px;
event:expression(
onmouseover = function()
{
this.style.backgroundColor='red'
},
onmouseout = function()
{
this.style.backgroundColor='#ffffff'
}
)
}
</style>
<body>
<input type=button value="click me" class="button-normal">
</body>
<style>
.button-normal
{
border:groove 1px #ffffff;
border-bottom:groove 1px #666666;
border-right:groove 1px #666666;
background-image:url(button-bg03.gif);
background-repeat:repeat-x;
background-color:Transparent;
height:20px;
event:expression(
onmouseover = function()
{
this.style.backgroundColor='red'
},
onmouseout = function()
{
this.style.backgroundColor='#ffffff'
}
)
}
</style>
<body>
<input type=button value="click me" class="button-normal">
</body>
相关文章推荐
- 使用CSS如何悬停背景颜色变色 onmouseover、onmouseout
- CSS的onmouseover 和onmouseout事件
- 在ImageButton上应用onmouseover和onmouseout事件
- 解决子父级元素交替执行onmouseover、onmouseout事件干扰
- CSS+DIV实现鼠标经过背景变色 [onmouseover; onmouseout]
- js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
- javascript:用onmouseover和onmouseout时,当鼠标移到元素的后代元素时,也会执行当前元素的这两个事件
- onMouseover与onMouseout 的Javascript和CSS实现
- js中onmouseover 和 onmouseout 事件
- 已知道 一个窗口的句柄, 如何扑捉该窗口的onresize 事件,并在onresize 事件中写入自己的代码?
- css中设置隐藏,如何对隐的部分添加点击事件
- HTML onmouseover, onmouseout , onmousemove 事件属性
- 如何用在ASP.NET中写入事件日志
- CSS+DIV实现鼠标经过背景变色 [onmouseover; onmouseout]
- onMouseEnter、onMouseLeave、onMouseOver、onMouseOut冒泡事件
- onMouseOver|onMouseOut事件
- Table的onMouseOver和onMouseOut鼠标事件的问题
- JQuery 之事件中的 ----- hover 与 onmouseover 、onmouseout 联系
- js中常用的事件,onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
- 深度理解onmouseover事件和onmouseout事件