タブラベル切り替えエフェクト code_extjs

HTML:

コードをコピー コードは次のとおりです:

• 最新のアップデート


• ;< ;a title="企業ニュース">企業ニュース


• < ;a title="業界ニュース">業界ニュース


• ;a title="コラム記事">コラム記事


• < a title="テクノロジー ニュース">テクノロジー ニュース

>

div>


CSS:

コードをコピー

コードは次のとおりです: #tabsK { float:left; line-height:normal; border-bottom:1px ソリッド

}

# tabsK ul {
margin:0;
list-style:none;
#tabsK li {
display:inline; > マージン:0;
パディング:0;
カーソル:ポインタ;
#tabsK a {
float:left; " ) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsK a span {
float : 左;
表示:ブロック;
背景:url("image/tabrightK.gif") 繰り返しなし
パディング:8px 4px 6px; 🎜 >}

#tabsK a span {float:none;}
/* IE5-Mac ハックの終了 */
#tabsK a:hover span {
cursor:pointer; > color:#FFF;
背景位置:100% -42px;
#tabsK a:hover {
背景位置:0% -42px;
}
#tabsK .hover スパン
{
背景位置:0% -42px;
}
#tabsK .hover スパン
{
背景位置: 100% -42px;

.tab2 ul
{
list-style-type:none; > }
.tab2 ul li
{
text-align:left;
line-height:20px;
}
.tab2 。 block
{
display:block;
}


JS:




コードをコピー


コードは次のとおりです:

使用されたスクリーンショットと 2 枚の写真:

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。