什么是按钮？---谈谈按钮的设计
作者：kun10 发布时间：December 27, 2009 分类：关于设计
看了玉伯的kissy编辑器，不禁觉得很赞，css样式设计的很精致，很难想像这是全一个人做的，再次股一下掌，前端有时候就是有些难以被理解。。。大家都要相互鼓励。。
接下来，说一下自己对于按钮的理解，
按钮----windows里面我们已经很习以为常的东西了，一个大致有几种状态：
1、不可用
2、未按下
3、按下
4、鼠标悬停
一个按钮要可以按下，又可以被按起，他表现的行为应该是对称的，如果你点按钮弹出了一个对话框，如果用户一下子找不到关闭按钮，他可能会首先想到去按那个按钮去关闭。有时候应该把按钮想成是开关类的东西。。其实也就是那样，我在这里所做的也就是强调。
kissy的按钮就做得比较的优秀，于是我也按着他的样子模仿了一个
大致是这样的一个工作的效果---“当当当当”
1、当鼠标经过按钮的时候按钮的边框加亮 (javascript---->onmouseover)
2、当鼠标在按钮上点下的时候，按钮感觉凹下去了 (javascript---->onmousedown)
3、当鼠标在按钮上点下并抬起的时候，按钮“真的”凹下去了 (javascript---->onclick)
4、当鼠标移出按钮的时候，按钮的边框变暗，并保持被按下或是未按下的状态 (javascript---->onmouseout)
还有几种情况：
5、当鼠标在按钮上按下，但是点击抬起的时候不在按钮上时，按钮的状态不变化
6、当鼠标没有按下按钮，但点击抬起的时候在按钮上时，同样按钮不变化状态
另外呢，我们还应该注意tab键对于按钮的可用的操作
当tab使得光标落到按钮上时，按钮应该呈现鼠标hover的效果，
当使用ENTER使用按钮的时候，按钮应该呈现鼠标mousedown的效果
这样一分解，我们设计按钮的状态的时候是不是会清晰一些了呢？
demo稍后等空间搞好再上
如果有什么意见欢迎交流。。。
