首页 > 代码库 > 多按钮实现单击变色
多按钮实现单击变色
JQuery代码：
<script type="text/javascript"> //加载事件 $(function () { var collection = $(".flag"); $.each(collection, function () { $(this).addClass("start"); }); }); //单击事件 function dj(dom) { var collection = $(".flag"); $.each(collection, function () { $(this).removeClass("end"); $(this).addClass("start"); }); $(dom).removeClass("start"); $(dom).addClass("end"); }</script>
Css代码：
<style type="text/css"> .start { cursor:pointer; color:Green; } .end { cursor:pointer; color:Red; }</style>
Html代码：
<span class="flag" onclick="dj(this)">LoveOne</span><span class="flag" onclick="dj(this)">LoveTwo</span><span class="flag" onclick="dj(this)">LoveThree</span><span class="flag" onclick="dj(this)">LoveFour</span>
多按钮实现单击变色
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。