コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > タブラベル切り替えエフェクト code_extjs

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

WBOY
リリース： 2016-05-16 18:54:48
オリジナル
1625 人が閲覧しました

HTML:

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



>




        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 枚の写真:





        関連ラベル：
        tab ラベル
        ソース：php.cn
        前の記事：ymyang 描画サンプル コード_javascript スキル 次の記事：JavaScriptのページジャンプ方法集_JavaScriptのスキル
        このウェブサイトの声明
        この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
        著者別の最新記事
        最新の問題
        Vueでルートプロパティを設定する方法はありますか? ページ内の特定のタブ this.$router.push({name:"AdminNotifications",params:{tab:"reques...
        から 2024-04-06 11:35:59
        0
        1
        456
        再タイトル: 縦型製品ディスプレイ 私の Web ページでは、現在、プロジェクト製品が行ごとに縦方向にリストされています。縦にスクロールして表示したいのですが。水平に変更するにはどうすればよいですか? divclas...
        から 2024-04-05 09:17:50
        0
        1
        3505
        関連トピック
        詳細>
        人気のおすすめ
        人気のチュートリアル
        詳細>
        関連するチュートリアル
        人気のおすすめ
        最新のコース
        最新のダウンロード
        詳細>
        ウェブエフェクト
        公式サイト
        サイト素材
        フロントエンドテンプレート