ホームページ JS特殊効果 jQueryの効果 jQueryページのスクロールトップナビゲーションコード

jQueryページのスクロールトップナビゲーションコード

jQueryページのスクロールトップナビゲーションコード

jQueryページのスクロールトップナビゲーションコード

jQueryページの最上部へスクロールするナビゲーションコードは、ブラウザのスクロールバーで位置決めメニューをフローティングさせ、Webページの最上部にメニューを固定するナビゲーションコードです。
<style type="text/css">
*{ マージン:0; パディング:0;}
body{ 背景:#eee; テキストシャドウ:0px 1px 0px rgba(255,255,255,0.60); カラー:#333;}
a{color:#fff; text-decoration:none;}
#header{表示:ブロック; 高さ:200px; 背景:#7fcddd; 行の高さ:100px; text-align:center; color:#fff; font-size:16px;text-shadow:0px -1px 0px rgba(30 ,30,30,0.60);}
#header h3{font-size:50px; font-weight:600;height:120px; line-height:120px;}
#box{ 幅:980px; マージン:60px 自動; 高さ:2600px; 背景:#eee;}

/* ナビゲーション部分 */
#mynav{ 幅:100%; 高さ:40px; 背景:#2093e0; ボーダーボトム:1px ソリッド #fff; 位置:相対; z-index:99; カラー:#fff; ライン高さ:40px;}
#mynav ul{幅:1000px; パディング:0; マージン:0 自動; リストスタイルタイプ:なし;}
#mynav ul li{ float:left; margin:0px 5px; border-right:1px Solid #fff;}
#mynav ul li a{ 表示:ブロック; パディング:0px 20px; 高さ:40px; ライン高さ:40px; カラー:#fff; テキストシャドウ:0px -1px 0px rgba(30,30,30,0.60);}
</スタイル>
</頭>

免責事項

このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn

関連記事

シンプルなjqueryの左側のナビゲーションバーとページ選択effect_jquery シンプルなjqueryの左側のナビゲーションバーとページ選択effect_jquery

16 May 2016

この記事では主に単純な jquery の左側のナビゲーション バーとページ選択効果を紹介します。この機能は jquery を参照する必要があります。必要な方は以下を参照してください。

jqueryの模倣京東製品ページのコード共有 jqueryの模倣京東製品ページのコード共有

26 Jun 2017

jquery模倣京東製品ページ JD.com ページにアクセスして画像の横にマウスを置くと、拡大効果が表示されます。次に、その方法を説明します。 ! ! ! JD.comの商品ページを真似した効果! ! ! JDの商品ページのCSSコードを真似してみよう! ! ! *{ マージン: 0; パディング: 0; } .da{ 幅: 360ピクセル; 高さ: 418ピクセル; フロート: 左; }

jQueryでWebページに桜降る特殊効果のサンプルコードを実装 jQueryでWebページに桜降る特殊効果のサンプルコードを実装

10 Jan 2018

この記事では、Web ページに桜が降る特殊効果を実現するための jQuery を主に紹介します。この効果が必要な方はぜひ参考にしてください。

jQueryでWebページのメニューシェイク効果を実現 Shaking_jquery jQueryでWebページのメニューシェイク効果を実現 Shaking_jquery

16 May 2016

この記事では、Web ページのジッター効果を実現するための jQuery を主に紹介します。これには、jQuery のマウス イベントとページ要素の動的操作のスキルが含まれます。スタイルが必要な場合は、以下を参照してください。

jQuery はカレンダーの毎日のサインイン Web ページの特殊効果を実装します jQuery はカレンダーの毎日のサインイン Web ページの特殊効果を実装します

22 Mar 2018

この記事では、カレンダーの毎日のサインイン Web ページの特殊効果を実装するための jQuery を主にコードの形式で共有します。

jQuery CSS_jquery によって実装された Web ページの第 2 レベルのスライド ダウン メニュー効果 jQuery CSS_jquery によって実装された Web ページの第 2 レベルのスライド ダウン メニュー効果

16 May 2016

この記事では、jQuery CSS によって実装された Web ページの二次的なスライド ダウン メニュー効果を主に紹介します。これには、jQuery マウス ホバー イベントの表示と非表示の効果、およびページ要素の表示と非表示が含まれます。必要な友人は参照できます。それ。

jquery は画像のページめくり効果を実現します_jquery jquery は画像のページめくり効果を実現します_jquery

16 May 2016

jquery を使用して画像のページめくり効果を実現するには、次のメソッドを使用できます。

jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery jqueryアニメーションエフェクト学習メモ(8つのエフェクト)_jquery

16 May 2016

この記事では、jquery アニメーション効果の詳細な分析を提供する jquery アニメーション効果の学習ノートを共有し、フェードインおよびフェードアウト効果とスライディング効果の原理を説明します。jquery アニメーション効果をよく学びたい場合は、次のリンクを参照してください。この記事を辛抱強く読んでいただければ、予想外のことが見つかると思います。

jqueryのハート型のいいね効果とフォロー効果の簡単な実装 jqueryのハート型のいいね効果とフォロー効果の簡単な実装

07 Dec 2016

jqueryのハート型のいいね効果とフォロー効果の簡単な実装

See all articles See all articles

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果

520 バレンタインデーの告白 Web アニメーション特殊効果

jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ

クールシステムのログインページ

クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

Hot Article

ルマ島: ツールトークンの入手方法
14 Nov 2024 モバイルゲームガイド
Supervive: ハドソン ビルド ガイド
30 Nov 2024 モバイルゲームガイド
Roblox Fisch: すべての釣り竿の場所と統計情報
29 Nov 2024 モバイルゲームガイド
Stalker 2 で PSI 保護スーツを入手できる場所
28 Nov 2024 モバイルゲームガイド