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文件