jQueryのスライディングオプションの効果
<style type="text/css">
.demo { パディング: 2em 0;背景: #fff; }
a:hover、a:focus { アウトライン: なし;テキスト裝飾: なし。 }
.tab .nav-tabs { border-bottom: なし;位置: 相対的; }
.tab .nav-tabs li { margin-right: 60px; z インデックス: 1; }
.tab .nav-tabs li:after { content: "";幅: 100%;境界線: 1 ピクセルの実線 #ccc6c6;位置: 絶対;トップ: 50%;右: -60%; z インデックス: -1; }
.tab .nav-tabs li:last-child:after { border: none; }
.tab .nav-tabs li a { 表示: ブロック;パディング: 15 ピクセル 20 ピクセル;背景: #fff;フォントサイズ: 15px;フォントの太さ: 600;色: #956cae;テキスト変換: 大文字;境界半徑: 0;右マージン: 0;ボーダー: 2px ソリッド #956cae;位置: 相対的;オーバーフロー: 非表示; z インデックス: 1;トランジション: すべての 0.3 は 0 を緩和します。 }
.tab .nav-tabs li.active a、.tab .nav-tabs li a:hover { color: #fff;ボーダー: 2px ソリッド #956cae; }
.tab .nav-tabs li a:after { content: "";表示ブロック;幅: 100%;高さ: 0;位置: 絶対;トップ: 0;左: 0; z インデックス: -1;トランジション: すべての 0.3 は 0 を緩和します。 }
.tab .nav-tabs li.active a:after、.tab .nav-tabs li a:hover:after { 高さ: 100%;背景: #956cae; }
.tab .tab-content { パディング: 20px 10px;マージントップ: 0;フォントサイズ: 14px;色: #999;行の高さ: 26px; }
.tab .tab-content h3 { フォントサイズ: 24px;マージントップ: 0; }
@media のみの畫面と (最大幅: 767px) {
.tab .nav-tabs li { マージン: 0 25px 0 0; }
}
@media のみの畫面と (最大幅: 479px) {
.tab .nav-tabs li { 幅: 100%;テキスト整列: 中央;マージン: 0 0 10px 0; }
.tab .nav-tabs li:after { width: 0;高さ: 100%;上: 自動(dòng);下: -60%;右: 50%。 }
}
</style>
これは、jQuery Bootstrap に基づいて実現(xiàn)されたスライド セレクション コードであり、厳密に平坦なプロパティ セレクション スイッチング機(jī)能、マウス停止時(shí)のアニメーション効果も備えています。
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認(rèn)してください。このサイトのすべてのリソースは學(xué)習(xí)の參考のみを目的としています。商業(yè)目的で使用しないでください。そうでない場(chǎng)合は、すべての結(jié)果に対して責(zé)任を負(fù)うことになります。侵害がある場(chǎng)合は、削除するためにご連絡(luò)ください。連絡(luò)先情報(bào): admin@php.cn
関連記事
スマートフォンのビデオに大ヒットの特殊効果を追加する6つのアプリ
25 Feb 2025
スマートフォンをハリウッドスタジオに変えてください！ このガイドでは、プロのグレードの特殊効果とフィルターをビデオに追加できる6つのアプリを紹介します。 恐竜の大暴れから夢(mèng)のようなフィルター、可能性まで
CSGO特殊効果大ヒット映畫HD視聴入りの入り口CSGO高解像度特殊効果大ヒット映畫を直接見る
04 Jun 2025
CSGO（カウンターストライク：グローバルオフェンス）は、世界中のプレイヤーに愛されている一人稱シューティングゲームです。エキサイティングな競(jìng)爭(zhēng)と高品質(zhì)の特殊効果ビデオは、常にプレイヤーが話すトピックです。スリリングなプロのリーグであろうと、普通のプレイヤー間の友好的な試合であろうと、ゲーム內(nèi)の驚くべき特殊効果と戦略を示すことができます。この記事では、最高の視覚的な楽しみを體験できるように、CSGOの特殊効果の大ヒットを詳細(xì)に見つけて視聴する方法を詳細(xì)に紹介します。
ショックと氷の火傷の冒険効果<??>
29 May 2025
フロストショックとアイスバーンは、ポケモンゴーの黒いキュレムとホワイトキュレムの冒険効果です。これらのポケモンとそれに関連するアドベンチャー効果は、GOツアー中に導(dǎo)入されました：UNOVA Event.Adventure EffectsはGAに追加の利點(diǎn)を提供します
CSS を使用して特定のボタンのマウス ホバー効果を無効にするにはどうすればよいですか?
27 Nov 2024
特定のボタンのマウス ホバー効果を無効にする CSSAiming を使用して、Web ページ內(nèi)の特定のボタンのマウス ホバー効果を無効にすると、...
OUTER JOIN の後の INNER JOIN は OUTER JOIN の効果を無効にしますか?
09 Jan 2025
ネストされた SQL ステートメントの OUTER JOIN に対する INNER JOIN の影響 OUTER JOIN の後に INNER JOIN を使用すると、その効果が無効になるというのは本當(dāng)ですか...
CSS を使用して特定のボタンのホバー効果を無効にするにはどうすればよいですか?
23 Nov 2024
CSS クラスを使用して特定のボタンのホバー効果を無効にする...を使用して、特定のボタンのマウス ホバー効果を無効にするメソッドが必要です。
CSS を使用して特定のボタンのホバー効果を無効にするにはどうすればよいですか?
16 Dec 2024
CSS クラスを使用して特定のボタンのホバー効果を無効にする無効にした狀態(tài)を維持しながら、特定のボタンのマウス ホバー効果を無効にするには...
CSS「フィルター」効果の使用方法は？
19 Jul 2025
CSSフィルター効果は、コードの行を介してWebページ要素の外観を調(diào)整し、Blur、Grayscale、Brightness、その他の効果をサポートできます。使用するときは、構(gòu)文構(gòu)造とブラウザの互換性に注意してください。その基本的な構(gòu)文は、grayscale（）、blur（）、brightness（）などの関數(shù)を、フィルター屬性を介して呼び出し、「フィルター：グレイスケール（30％）明るさ（80％）Blur（2PX）;」などの超微細(xì)に使用できます。適用可能なシナリオには、背景のぼやけ、無効なステータス識(shí)別、畫面適応の色の調(diào)整、創(chuàng)造的な色の変換が含まれます。また、Hover Pseudo-Classを通じて動(dòng)的効果を?qū)g現(xiàn)できます。ブラウザに関しては、最新のブラウザは一般的にそれをサポートしていますが、古いバージョンはプレフィックスが必要になる場(chǎng)合があり、注意を払う必要があります
CSSペイントAPIの調(diào)査：畫像の斷片化効果
21 Mar 2025
以前の記事では、CSSマスクとカスタムプロパティを使用して斷片化効果を作成しました。それはきちんとした効果でしたが、1つの欠點(diǎn)があります：それは多くを使用します
ホットツール Tags
ホットツール
jQuery+Html5で美しい告白アニメーションコードを?qū)g現(xiàn)
jQuery + Html5 は美しい告白アニメーション コードを?qū)g裝しており、アニメーション効果は素晴らしく、プログラマーの告白には必須です。
カップルのロマンチックな告白 js特撮コード
カップルのロマンチックな告白用の JS 特殊効果コードです。このような特殊効果は、結(jié)婚式の寫真のウェブサイトで使用したり、個(gè)人のウェブサイトに配置したりできます。また、優(yōu)れた特殊効果です。PHP 中國語 Web サイトのダウンロードを推奨します。
シンプルなJS愛の告白アーティファクト
シンプルなネイティブ JS 愛の告白アーティファクト
BunkerのHTML5パーティクルアニメーション表現(xiàn)効果
Bunker の HTML5 パーティクル アニメーション表現(xiàn)特殊効果コード。アニメーション特殊効果テキストはコード內(nèi)で変更でき、テキスト入力をカスタマイズできるページを作成できます。非常に人気があるはずです。この HTML5 特殊効果は非常に美しいです。
jQuery レスポンシブ バックグラウンド ログイン インターフェイス テンプレート
jQuery レスポンシブ バックエンド ログイン インターフェイス テンプレート HTML ソース コード. ログイン ページは jQuery を使用してフォームを検証し、ユーザー名とパスワードが要件を満たしているかどうかを判斷します. 通常、ログイン ページは企業(yè) Web サイトまたはモール Web サイトで使用する必要があるページです. レスポンシブ バックエンドページ、ブラウザが拡大または縮小すると、ブラウザに応じて背景の畫像のサイズが変更されます。 PHP中國語サイトはダウンロードをオススメします！