当前位置: 代码迷 >> Web前端 >> 应用Jquery动态改变标题颜色
  详细解决方案

应用Jquery动态改变标题颜色

热度:271   发布时间:2012-06-28 15:20:03.0
使用Jquery动态改变标题颜色


如上图所示,当点击“版面分类”时,改变其颜色,其他标题切换成默认的颜色

?

代码如下:

?

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值

?

  相关解决方案