html5中点击按钮,改变按钮状态效果样式
16lz
2021-01-22
在要添加的button上加一个class 或者id
css样式如下:
.button:active {
/*background: #8C0000;*/
border-top: 1px solid #9cc;
background: #9cc;
box-shadow: 0px 1px 1px #9cc inset, 1px 0px 1px #9cc inset;
}
.button{
background:#C4C4C4;
border-top:0px solid #9cc;
border-right:1px solid #C4C4C4;
border-bottom:1px solid #C4C4C4;
border-left:1px solid #C4C4C4;
width:160px;
font-size:10pt;
text-align:center;
}
鼠标停留,离开样式
$('.user').hover(
function() {
$(this).stop().fadeTo('slow', 0.3);
},
function() {
$(this).stop().fadeTo('slow', 1);
});
推荐一个不错的网站 http://www.36ria.com/
demo/hover/demo.html
更多相关文章
- Wordpress网站上的亚马逊链接无法正确打开亚马逊应用程序
- 使用jsPDF生成一个保存HTML页面样式的pdf。
- iPad / iPhone请停止解析我网站上的电话号码
- JQuery查找并更改字符串的样式
- 网站开发进阶(二十五)js如何将html表格导出为excel文件
- 【竞价网站绝技】根据访客ip,页面显示访客所属城市的html代码(借用
- HTML标签的默认样式
- 如何设置div的样式以使其与文本一起运行?
- 如何优化生成的文档形式html和样式