首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Tabpanel题目active样式修改

2012-11-25 
Tabpanel标题active样式修改做出来后的效果如下:?用到的图:把图片添加到项目中,在.jsp页面的ext-all.css定

Tabpanel标题active样式修改

做出来后的效果如下:

Tabpanel题目active样式修改

?

用到的图:

Tabpanel题目active样式修改

把图片添加到项目中,

在.jsp页面的ext-all.css定义后,添加

<STYLE type="text/css">
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
?background-position: 0 0;
?background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
?
}
.x-tab-strip-top .x-tab-strip-active .x-tab-left {
?background-position: right -300px;
?background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
?
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
?background-position: 0 -150px;
?background-image: url(<%=request.getContextPath()%>/images/tabs-sprite.jpg);
}
</STYLE>

即可.

热点排行