您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

一个tab标签切换效果代码_extjs

2025/12/4 21:42:55发布24次查看
html:
复制代码 代码如下:
最新更新
企业新闻
行业新闻
专栏文章
科技新闻
css:
复制代码 代码如下:
#tabsk {
float:left;
width:100%;
line-height:normal;
border-bottom:1px solid #54545c;
}
#tabsk ul {
margin:0;
padding:10px 10px 0 10px;
list-style:none;
}
#tabsk li {
display:inline;
margin:0;
padding:0;
cursor:pointer;
}
#tabsk a {
float:left;
background:url(image/tableftk.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsk a span {
float:left;
display:block;
background:url(image/tabrightk.gif) no-repeat right top;
padding:8px 16px 4px 6px;
color:#fff;
}
#tabsk a span {float:none;}
/* end ie5-mac hack */
#tabsk a:hover span {
cursor:pointer;
color:#fff;
background-position:100% -42px;
}
#tabsk a:hover {
background-position:0% -42px;
cursor:pointer;
}
#tabsk .hover a
{
background-position:0% -42px;
}
#tabsk .hover span
{
background-position:100% -42px;
}
.tab2 ul
{
display:none;
list-style-type:none;
height:560px;
}
.tab2 ul li
{
text-align:left;
line-height:20px;
text-indent:1em;
}
.tab2 .block
{
display:block;
}
js:
复制代码 代码如下:
截图和用到的两张图片:
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product