
如上图所示,当点击“版面分类”时,改变其颜色,其他标题切换成默认的颜色
?
代码如下:
?
css代码:
?
.titleDefaultColor{
FONT-WEIGHT: bold;
COLOR: #069
}
.titleChangeColor{
FONT-WEIGHT: bold;
color: #FF6600;
}
?HTML代码:
?
?
<a id="smilies" class="titleDefaultColor" alink="1" onclick="changeColor(this);" href="#" target="main">${I18n.getMessage("Admin.search")}</a>
? 给<a>标签自定义一个alink属性,用于在JS中进行查找?
?
js代码:
?
<script type="text/javascript">
$(document).ready(function() {
});
this.changeColor = function(obj){
$("#nav").find("[alink]").each(function(i){
$(this).removeAttr('class');
$(this).attr('class','titleDefaultColor');
}
);
$(obj).removeAttr('class');
$(obj).attr('class','titleChangeColor');
}
</script>
? 其中nav为<a> 上级的ID值
?