怎么做效果Button啊就是点击button变色

1、新建html文档，在body标签中添加一些button按钮，然后为这些按钮设置默认颜色为灰色：

2、添加js代码，首先获取所有的button按钮，然后使用for循环为这些按钮添加点击事件：

3、这时被点击的按钮将会更换颜色，而没有被点击的按钮依然是原来的颜色：

首先给这个按钮添加鼠标的按下和松开的事件，mousedown,mouseup，使用这两个函数即可。我举个例子

按钮对象.mousedown(function(){

//这里写更改颜色代码

})//这个是鼠标键，是你鼠标左击按下的的效果

按钮对象.mouseup(function(){

//这里写更改颜色的代码

})//这个是鼠标键，是你鼠标左击放开后的效果

}

上面的写法是基于jquery的用法

其实也可以考虑一下使用原生的js，但是要考虑的是兼容性问题，我给你提供几样数据

IE

左键是 window.event.button = 1

右键是 window.event.button = 2

中键是 window.event.button = 4

没有按键动作window.event.button = 0

Firefox

左键是 event.button = 0

右键是 event.button = 2

中键是 event.button = 1

没有按键动作 event.button = 0

Opera 7.23/7.54

鼠标左键是 window.event.button = 1

没有按键动作 window.event.button = 1

右键和中键无法获取

Opera 7.60/8.0

鼠标左键是 window.event.button = 0

没有按键动作 window.event.button = 0

右键和中键无法获取

另外：屏蔽右键的是window.event.button = 3

---