仿163邮箱鼠标放上变色的按钮样式
2011-04-22 13:55
120 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿163邮箱鼠标放上变色的按钮样式www.aa25.cn</title>
<style>
.btn02 { width:60px; height:24px; border:1px solid #87a3c1; background:url(/uploadfile/200911/11/1632433537.gif); color:#555; font-size:12px; line-height:180%; cursor:pointer;}
.btn04 { width:60px; height:24px; border:1px solid #a2904d; background:url(/uploadfile/200911/11/1632433537.gif) 0 -66px; color:#630; font-size:12px; cursor:pointer; line-height:180%;}
</style>
</head>
<body>
<p>
<input name="button2" type="reset" class="btn02" onmouseover="this.className='btn04'" onmouseout="this.className='btn02'" id="button2" value="重置" />
</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿163邮箱鼠标放上变色的按钮样式www.aa25.cn</title>
<style>
.btn02 { width:60px; height:24px; border:1px solid #87a3c1; background:url(/uploadfile/200911/11/1632433537.gif); color:#555; font-size:12px; line-height:180%; cursor:pointer;}
.btn04 { width:60px; height:24px; border:1px solid #a2904d; background:url(/uploadfile/200911/11/1632433537.gif) 0 -66px; color:#630; font-size:12px; cursor:pointer; line-height:180%;}
</style>
</head>
<body>
<p>
<input name="button2" type="reset" class="btn02" onmouseover="this.className='btn04'" onmouseout="this.className='btn02'" id="button2" value="重置" />
</p>
</body>
</html>
相关文章推荐
- 仿163邮箱鼠标放上变色的按钮样式
- 用户信息:奇偶数隔行变色,选中行变色,鼠标变小手样式;姓名查询条件,过滤敏感字符;下拉列表排序;非空验证添加信息;点击按钮删除
- 隔行变色,选中变色,鼠标变小手样式;姓名查询条件 过滤敏感字符 下拉列表排序 非空验证添加信息 点击按钮删除
- jQuery:1.5.4.3,表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
- 一个简单但常用的表格样式--鼠标划过行变色--简洁实现
- Jquery鼠标点击后变色,点击另一个按钮颜色还原
- 关于Dialog中鼠标移上去变色的样式
- Jquery鼠标点击后变色,点击另一个按钮颜色还原
- 一个简单但常用的表格样式--鼠标划过行变色--简洁实现
- OutLook样式类使用过程,弹出模式对话框时候,鼠标不能点击对话框按钮,的问题。
- WPF 设置button样式,鼠标经过按钮字体变大
- Jquery鼠标点击后变色,点击另一个按钮颜色还原
- 鼠标放上会放大的CSS分页按钮样式
- 【WPF】样式与模板:鼠标移入/悬浮时按钮的背景色不改变
- 表格样式(鼠标经过时整行变色)
- css控制表格样式 鼠标经过变色效果
- 阴影效果CSS收藏+按钮鼠标移上缓慢变色代码
- 表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
- jQuery+css打造table中奇偶行不同样式鼠标移上tr变色
- 一个简单但常用的javascript表格样式_鼠标划过行变色 简洁实现