JS改变按钮背景怎么写?

发布网友发布时间：2022-04-20 01:49

共1个回答

热心网友时间：2022-04-20 03:19

很好写啊,你在写之前肯定要考虑实现的思路啊,思路就是,对于当前按钮元素,鼠标按下的时候改变当前元素的背景图片,鼠标左键松开的时候又把背景图片改回来,对吧?
知道这个不就好写了么,不过在这里提个建议,不建议直接改变当前元素style中的背景图片属性,那样你将来会有很多麻烦,建议你定义一个css类,比如这个类是这样定义的:
<style>
.btn_click {
background-image: url("这里是那个图片的路径");
}
</style>

js很简单,这样写:
<script>
window.onload = function() { // 页面加载事件
var btn = document.getElementById("那个按钮的ID");
btn.onmousedown = function() {
this.class = "btn_click";
};
btn.onmouseup = function() {
this.class = "";
};
}
</script>

这只是个大致思路, 代码具体的位置以及代码内个别细节需要怎么改, 得看你自己了