仿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表格样式_鼠标划过行变色 简洁实现