一个按钮切换两个css样式

Posted 2023-03-26

参考技术A 按钮绑定一个点击事件，只是改变少量的样式使用$(".div").css("background","red");即可，如果是整个页面改变，就需要用到页面样式写缓存或数据库，重新加载页面来判断用户选择了那个样式，然后显示不同的样式加载

两个按钮来回切换怎么用css完成

<ul class="top_tab">
<li class="active"></li>
<li style="margin-left:20px; margin-right:80px;background:none;">是</li>
<li class="lastwk"></li>
<li style="margin-left:20px;background:none;">否</li>
</ul>
现在是这样的一个div .active.lastwk分别是两张背景图 怎么用css来点击这两个背景图的时候换图片呢 来回切换的

参考技术A css是没有点击效果的，所以没法只通过css来实现图片互换，可以实现鼠标移上去背景图互换，使用:hover，libackground:none; li:hoverbackground:red;。
点击效果必须使用js，当点击时，更改class。