| 标题 | jQuery实现多按钮单击变色 |
| 范文 | 这个小特效代码很简单，就不多做说明了，直接奉上源码。 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 onclick="dj(this)">LoveOne</span> <span onclick="dj(this)">LoveTwo</span> <span onclick="dj(this)">LoveThree</span> <span onclick="dj(this)">LoveFour</span> 是不是很简单，特效也很好玩，小伙伴们可以自由发挥下，可扩展性还是很强的，如果做出来其他更好玩的，还请告诉我。 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。