利用CSS制作按钮的嵌入效果

实例名称

利用CSS制作按钮的嵌入效果

实例描述

Web按钮可通过css实现不同的效果，本例介绍按钮的嵌入效果。

实例代码

html xmlns="" headtitle标题页/titlestyle type="text/css".over color:yellow; background: color:yellow; background: navy; font-style: italic/style/headbodyinput type="Button"onMouseOver="='over';" onMouseOut="='';" onMouseDown="='down';" onMouseUp="='over';" value="让按钮嵌入" onClick="='嵌入成功！'" name="Button" /body/html

运行效果

难点剖析

本例的重点是CSS和按钮的鼠标事件。当鼠标移到按钮上时，触发的是“onMouscOver”事件，调用的样式是“over”；当鼠标按下时，触发的是“onMouseDown”事件，调用的样式是“down”。

源码下载