日期:2014-05-16  浏览次数:20820 次

css如何实现DIV按钮效果?
我用一个DIV作为按钮,已经实现了ONMOUSEOVER等操作,但却发现如果鼠标进入此DIV之后按下(不要松开),然后把鼠标移动到此DIV之外,DIV的背景还是ONMOUSEDOWN改变的背景,不能还原,如何修改才能实现像按钮那样,就算按下之后移出,DIV的背景都会变回正常状态呢?谢谢!

以下是代码:
<div onmouseout="changebg('1.bmp');" onmousemove="changebg('2.bmp');" onmousedown="changebg('3.bmp');">button</div>

------解决方案--------------------
一般来说 这样的效果不会用onmouseout这类的事件来写,一般都会用js写侦听事件

你可以用jquery的hover事件来写
------解决方案--------------------
同意楼上的~ 这种效果一般用hover
------解决方案--------------------
.hover{background:#ccc; height:30px; width:60px;}

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("div").hover( function () {
    $(this).addClass("hover");});
});
</script>



要在你的代码中引用jquery文件