<option value="blue">蓝色</option>
<option value="red">红色</option>
<option value="green">绿色</option>
</select>
首先给这个按钮添加鼠标的按下和松开的事件，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
<div id="kk"><a href="#" onclick="kk.style.backgroundColor='red'">红色</a>
<a href="#" onclick="kk.style.backgroundColor='#00ff00'">绿色</a>
<a href="#" onclick="kk.style.backgroundColor='#0000ff'">蓝色</a>
<div>
简单
