参考资料
jQuery基础—改变CSS样式:http://www.cnblogs.com/Capricornus/archive/2010/02/10/1667095.html
jQuery选择器:http://www.w3school.com.cn/jquery/jquery_selectors.asp
jQuery 参考手册 - CSS 操作:http://www.w3school.com.cn/jquery/jquery_ref_css.asp
总结方法
操作步骤
用firebug条样式
用firebug找到相应页面的css类,在jsp页面中的js部分中修改。
<div class="l-tab-links" style="background: none repeat scroll 0% 0%red;">
<ul style="left: 0px; ">
<li class="l-selected" tabid="ifm_Div">
<a>我的主页</a>
<div class="l-tab-links-item-left"></div>
<div class="l-tab-links-item-right"></div>
</li>
<li class="l-tab-itemswitch">
</ul>
</div>
可以在相应的css文件中找到相应的样式类:
.l-tab-links{ position: relative; margin: 0 18px -1px; height: 29px; overflow: hidden; z-index: 1;}
第一种方式
直接改动所找到的源码
有些web界面不是简单的背景的颜色,而是图片进行平铺,这种修改时就要对图片进行平铺。
第二种方式
该方式适合于修改背景颜色—不用库中的背景颜色
不改变源码,在jsp页面中修改
//Tab
$("#framecenter").ligerTab({
height: height,
showSwitchInTab : true,
showSwitch: true
});
//$(".l-tab-links").css("background","red");
$(".l-tab-links").css("background","#CCFFCC");
//这两种方式都可以;注意给相应标签添加样式的方式。