怎么用JS实现鼠标经过变换背景和点击停留在这个背景上
1个回答
展开全部
可以在 :hover 里加背景,这就有没有过的背景了,然后用 JS 处理 click 事件,给这个DOM加个类,比如 hover,然后在 css 里定义 .hover { background: .....}
https://jsfiddle.net/nrystd4z/
关键代码,(CSS 是用 SASS写的,看得懂嘛)
li {
&:hover {
background: #ffddcc;
}
&.hover {
background: #ffddcc;
}
}
$(function() {
$("li").on("click", function() {
$(this).siblings().removeClass("hover");
$(this).addClass("hover");
})
});
https://jsfiddle.net/nrystd4z/
关键代码,(CSS 是用 SASS写的,看得懂嘛)
li {
&:hover {
background: #ffddcc;
}
&.hover {
background: #ffddcc;
}
}
$(function() {
$("li").on("click", function() {
$(this).siblings().removeClass("hover");
$(this).addClass("hover");
})
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询