コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery に単純なタブ プラグイン関数を実装するコード

jquery_jquery に単純なタブ プラグイン関数を実装するコード

WBOY
リリース： 2016-05-16 18:10:08
オリジナル
1124 人が閲覧しました

本題に戻りますが、全文はこちらです。

最初に 2 つの最も単純なレンダリングを添付します。

jquery_jquery に単純なタブ プラグイン関数を実装するコード

jquery_jquery に単純なタブ プラグイン関数を実装するコード

簡単な HTML コードを作成することから始めます。タブとして使用される UL タグとコンテンツを含む p タグ。

わかりやすくするために、 ３つだけ書きます。

今日は寒い夜に雪が舞うのを眺めました。冷めた心で遠くに漂っています...今も自由で自分の歌を永遠に歌い続け、何千マイルも旅しています。

家に帰る合図として鐘が鳴ったが、それは彼の人生に少しの悲しみをもたらしたようだった...自信は未来を変えることができる、誰がそれを変えることができるのかそれ？

変えられない試合、いつも背中に温もりを…言わせてください、本当に愛しています。

すべての外観に画像は必要ありません。シンプルにするだけなので、すべて CSS を使用します。ここでは、より重要なものを選択して書きます。

li{float:left;}

a{display:block;border:solid 1px #000;}

div{border:solid 1px #000;margin-top=-1px;}

.selected{border-bottom-color:#FFF; color:#F00;}//選択したタブの下部の境界線の色をコンテンツの背景と同じ色に設定します

ここでのハイライトは、単純な jquery を使用してタブ関数を実装する方法です。

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

著者別の最新記事
最新の問題
Shopware 6 プラグイン: ブール構成を削除して複数選択構成に移行する方法 現在、プラグインを通じて送信されたレビューを自動的に公開するブール型 reviewSkipModeration 値で構成されている Shopware6 プラグインがあります: co...
から 2024-04-03 23:09:28
0
1
410
created_in列がトリガー内にあるかどうかを確認するにはどうすればよいですか? ユーザー テーブルの列とトリガー構造 CREATETABLE`users`(`created_in`datetimeNOTNULL)ENGINE=InnoDBDEFAULTCHAR...
から 2024-04-03 17:50:59
0
1
305
WooCommerce Checkout - ユーザーの役割とカートの内容を検証する WooCommerce のチェックアウト プロセスで問題が発生しています。通常商品とB2B商品を区別するために「B2BforWooCommerce」プラグインを使用しています。シナ...
から 2024-04-03 11:58:52
0
1
475
Jquery スライダーが正しく表示されないのはなぜですか? WordPress カスタムテーマに SlickSlider ライブラリを実装して、高度なカスタムフィールドプラグインから取得した画像スライダーを表示しようとしています。ただし、ス...
から 2024-04-03 10:43:26
0
1
397
AJAX POST リクエストのフィールドを更新する jQuery または Javascript を使用して、AJAXPOST リクエストのカスタム フィールドを動的に更新しようとしています。 AJAXPOST リクエストは、Word...
から 2024-04-02 11:45:41
0
1
360
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート