这个小特效代码很简单,就不多做说明了,直接奉上。
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>
如对本文有疑问, 点击进行留言回复!!
同事牛逼啊,写了个隐藏 bug,我排查了 3 天才解决问题!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
网友评论