请问怎么用JS实现鼠标经过变换背景和点击停留在这个背景上？
只会用CSS去实现。。。我图片用了定位，下面这个是HTML，不知道要怎么用JS去控制实现。。。
<nav class="cd-main-nav" >
<ul>
<!-- 导航-->
<li><a href="#0" class="home"></a></li>
<li><a href="#0" class="game-center" ></a></li>
<li><a href="#0" class="qa"></a></li>
<li><a href="#0" class="call" ></a></li>
</ul>
</nav>
展开
收起
1
条回答
写回答
写回答
-
JS 也是要配合 css 的
可以在 :hover 里加背景，这就有没有过的背景了，然后用 JS 处理 click 事件，给这个DOM加个类，比如 hover，然后在 css 里定义 .hover { background: .....}
关键代码，（CSS 是用 SASS写的，看得懂嘛）li { &:hover { background: #ffddcc; } &.hover { background: #ffddcc; } } $(function() { $("li").on("click", function() { $(this).siblings().removeClass("hover"); $(this).addClass("hover"); }) });2019-07-17 19:03:00赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
