这个小特效代码很简单，就不多做说明了，直接奉上源码。 JQuery代码： 复制代码 代码如下: <br /> //加载事件<br /> $(function () {<br /> var collection = $(".flag");<br /> $.each(collection, function () {<br /> $(this).addClass("start");<br /> });<br /> });<br /> //单击事件<br /> function dj(dom) {<br /> var collection = $(".flag");<br /> $.each(collection, function () {<br /> $(this).removeClass("end");<br /> $(this).addClass("start");<br /> });<br /> $(dom).removeClass("start");<br /> $(dom).addClass("end");<br /> }<br /> Css代码： 复制代码 代码如下: <br /> .start<br /> {<br /> cursor:pointer;<br /> color:Green; <br /> }<br /> .end<br /> {<br /> cursor:pointer;<br /> color:Red;<br /> }<br /> Html代码： 复制代码 代码如下: LoveOne LoveTwo LoveThree LoveFour 是不是很简单，特效也很好玩，小伙伴们可以自由发挥下，可扩展性还是很强的，如果做出来其他更好玩的，还请告诉我。
