に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

JavaScript - CSS を使用して Web にナビゲーションバーを実装しますか?

1. http://chuangzaoshi.com/code の左側のようなナビゲーションバーを実装するにはどうすればよいですか? 2. CSS を使用して完全に実装できますか?純粋なCSSを実装するにはどうすればよいですか? jsを実装するにはどうすればよいですか?ありがとう！ ps: 2 人のマスターの回答に感謝します。明確に説明できませんでした。私の質問は次のとおりです: {コード...} これを実装する方法がわかりません...

漂亮男人 2017-06-26 10:50:29

React を使用して固定ナビゲーションバーと折りたたみ可能な固定サイドバーページを実装する

React と Chakra-ui コンポーネントを使用して、固定ナビゲーションバーと折りたたみ可能な固定サイドバーを備えたページを実装しようとしています。以下はサンプルコードです。 import{Box}from"@chakra-ui/react";exportconstApp=()=>{return(<Boxdisplay="flex"><Boxposition="fixed"wi

P粉356361722 2023-08-29 08:43:17

Vercel にデプロイされた Next.js アプリは特定のコンテンツをローカルでレンダリングしますが、実稼働ビルドではレンダリングできません

Next.JS と Firebase を使用して Web アプリケーションを構築し、Vercel にデプロイしました。最近、位置を静的なbottom:0に設定して下部ナビゲーションバーを追加したときまで、すべてが正常に動作していました。下部のナビゲーションバーでは、アイコンとテキストをレンダリングしています。 localhost では (npmrundev を使用して) 正常に読み込まれますが、Vercel にデプロイされた製品バージョンでは下部ナビゲーションのコンテンツがレンダリングされないことに気付きました。実稼働ビルドでは、下部のナビゲーションコンテナー (または div) のみがレ...

P粉042455250 2024-02-26 13:19:43

javascript - バックグラウンドの管理ページにサイドナビゲーションを記述しているのですが、ナビゲーションをクリックするとコンテンツ部分に対応するタブのラベルが表示され、そのラベルを閉じることができるようにするにはどうすればよいでしょうか？

サイドナビゲーションはブートストラップを使用して記述されています。ナビゲーションをクリックすると、コンテンツ部分にタブラベルが表示され、閉じることができるようにするにはどうすればよいですか?

为情所困 2017-05-19 10:42:17

Laravel 8でナビゲーションバーのドロップダウンメニューが正しく機能しない

Laravel8 のナビゲーションバーに問題があります。具体的には、ナビゲーションバー全体がビューに表示されますが、ドロップダウンメニューが機能しません。実際、クリックしてもドロップダウンメニューは開きません。これはlayout.blade.phpです: <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-eq

P粉460377540 2023-12-16 11:55:20

ナビゲーションバーのコードがあまり良くないので修正しました。リンク切れの問題が発生しました。理由はわかりません

この問題をどう説明したらいいのかよくわかりませんが、基本的に、固定ナビゲーションバーはスクロールしないがハイパーリンクは機能するか、ナビゲーションバーはスクロールしますがハイパーリンクは機能しません。 html と css で修正しようとすると、このループが発生し続けます。これに関して助けていただければ幸いです。これはナビゲーションバーの HTML です: <body><navclass="navbarnavbar-expand-lgfixed-topnavbarScroll"><di

P粉004287665 2024-04-04 09:09:20

React JSXでハンバーガーメニューをページ全体に合わせる方法

私は Reactjsx を初めて使用します。Tailwind を使用していますが、これは非常に優れています。私もやりながら勉強中です。それで、私のナビゲーションではハンバーガーメニューを表示することができますが、その表示方法が好きではありません。ページ全体が白で塗りつぶされていることを確認しようとしています。下の 2 番目の画像を参照してください。これは私が達成できたことですが、達成したいことはあまりきれいではないと思います、またはそのようなもので、サイト全体を白で塗りつぶし、オプションを表示してください。私の質問は、私のコードについてです。どうすればできるでしょうか。私がそれを実現しますか？...

P粉368878176 2023-08-31 14:31:09

thinkphp のローカル変更

thinkphp3.2 には 2 つの部分に分かれたビューがあり、1 つはナビゲーションバー (さまざまなクエリ機能用の複数のボタン)、もう 1 つはコンテンツです。内容が変更され、その他は変更されず、期間内にリクエストが発生しないページジャンプ。

大家讲道理 2017-05-27 17:42:45

Vue3 の次のページおよび前のページの機能を無効にします。これらの機能は、同じルーティングパスにあるブラウザに限定されます。

今日、私は問題に直面しているので、アドバイスが必要です。この {url}/:id のようなルーティングページ構造があります。私の目標は、ユーザーが同じルート内で前後のページ (たとえば、{url}/1 から {url}/2) に移動できないようにすることです。ページ上のデータを変更するために API 呼び出しを行っており、それに応じて URL も変更されます。ただし、ユーザーが {url}/:id の前後のページに移動できるようにしたいのですが、{url}/:id 内では移動できません。解決策や提案をいただけますか? Navigation Guardが役立つかもしれないと聞いたが、開いた瞬間

P粉002572690 2023-09-06 23:53:05

条件付きでclassNameをcssモジュールに変更（React）

ユーザーが Web サイトのナビゲーションバーの上にマウスを置いたときにアニメーションを再生しようとしています。マウスがナビゲーションバー上にあるかどうかに基づいて CSS モジュールを変更することでこれを実現しようとしています。このコードが機能しない理由を理解しようとしています。ご協力をよろしくお願いいたします。 Navbar.jsx: importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17

Nuxt-link が Bootstrap-vue を使用してページを更新する問題

nuxt とブートストラップを使用して、ナビゲーション用のカスタムホバードロップダウンメニューを構築しています。私が抱えている問題は、ナビゲーションサブメニュー NuxtLinks が、Nuxt ブロック内のアプリケーションコンテンツをスムーズに変更するのではなく、ページ全体を更新していることです。ナビゲーションバーは、default.vue レイアウトで動的に生成され、コンテンツをラップする NuxtLink を持つ b-dropdown-hover コンポーネントを使用します。ページではこれらのリンク/アンカーが完全に更新されるのに、b-navbar-brand イメージがスム...

P粉512729862 2023-12-07 08:58:02

Vue3 LocalStorage はコンポーネントのレンダリング後に設定されます

ユーザーデータをロードするナビゲーションバーがあります。これはすべて、ユーザーがアプリケーションに正常にログインした後に行われます。問題は、ナビゲーションバーをロードした後、localStorage を少し設定する必要があることです。 setTimeout() でラップするとすべてが正常に動作しますが、変数はユーザーのアクティビティに基づいて変更される可能性があるため、本質的にリアクティブである方が望ましいと考えます。 Toolbar.vue<テンプレート><divc

P粉321584263 2024-03-25 23:56:35

html - CSS ナビゲーションバーがぼやけ、ナビゲーションバーが固定され、ページがスライドすると下のページがぼやけます。これを実現するにはどうすればよいですか?

インターネットで長時間検索した結果、以下のページに動的に影響を与えてぼやける解決策が見つかりませんでした。これはステーション b のブラーエフェクトです。静的です。原理は 2 つの同一の画像を使用し、一方の一部をぼかし、もう一方とマージすることです。私のアイデアは、AE と同様の調整レイヤーにガウスぼかしを追加して、下のレイヤーに実際の効果を与えることです...

大家讲道理 2017-05-24 11:36:02

Next.js アプリケーションフォルダー内のいくつかのネストされたルートでルートレイアウトコンポーネントを非表示にすることはできますか?

rootlayoutがdashboardlayoutにラップされないようにする方法はありますか? Next.jsv13 ドキュメント: 私のファイル構造: ルートグループを使用できますが、これを行うと、連絡先のラッピングやルートの価格設定が無効になります。これを防ぐ方法はありますか?ホームナビゲーションバーを連絡先情報と価格ページに表示したいのですが、ホームナビゲーションバーをダッシュボードには表示したくありません。ルーティンググループを使用しようとしましたが、価格設定と連絡ルートのラッピングが無効になりました。 navbar.tsx"usecl

P粉418351692 2024-03-26 11:24:59

JavaScript を使用して要素のスタイルを変更する場合、履歴を返すときにこれをどのように実現できますか?

ナビゲーションバーでは、アクティブなリンクのスタイルを使用しました。たとえば、ナビゲーションバーには、当社に関するリンク、お問い合わせ先、資料、クイズなどのリンクがあります。これらのリンクをクリックすると、「http://localhost:3000/about-us」のようにルーティングが変更されます。 http://localhost:3000/material' など、アクティビティクラスがリンクに適用されて、対応するルート上でリンクが強調表示されます。リンクを切り替えると、アクティビティクラスは正しく適用されますが、「/material」からリンクを切り替えると、

P粉982054449 2023-08-29 21:03:19

JavaScript - ナビゲーション Web サイトの検索ボックスに入力カーソルのフォーカスを自動的に取得させるにはどうすればよいですか?

たとえば、このナビゲーション Web サイト (https://www.2345.com/) を開いた後、カーソルが Baidu 検索ボックスに自動的に配置されず、ID を取得して focus 関数を呼び出そうとしましたが、機能しませんでした。この Web サイトを開くたびにこれを実現するための JS コードを作成するにはどうすればよいですか? 自動的にフォーカスを取得する場合はどうすればよいですか? その効果は https://www.hao123.com/ のようなものになります。

PHP中文网 2017-06-12 09:28:26

jquery-ajax - thinkphp3.2.3 で部分更新を実装する方法

たとえば、初心者向けに、ページにサイドバーナビゲーションが必要な場合、a タグの 1 つをクリックすると、右側の div が対応する HTML ファイルをロードします。では、thinkphp はどのようにしてそのような機能を実装できるのでしょうか。 jqのロードを使用しますか?役職？ロードされた HTML には head タグと body タグが含まれるべきでしょうか? それとも...

天蓬老师 2017-05-16 13:15:25

PHP で VueJS コンポーネントを活用する

最下位の dom リーフまで VueJS を使用せずに、Php によって生成された基本的な HTML と VueJS コンポーネントを混合したいと考えています。親レイアウトには Vue アプリケーションが適用されており、ヘッダー、ナビゲーション、サイドバーなどはすべて Vue コンポーネントであり、ほとんどのページのメインコンテンツは依然として PHP によって生成された純粋な HTML です。 Vue コンポーネントを使用してメインコンテンツの一部をアップグレードしたいのですが、HTML を使用するとそれらを使用できなくなります: Phpscript が全体を生成します<divid...

P粉611456309 2023-11-11 00:01:44

重複した HTML ソースコードを生成する最もスマートな方法。 PHP を使用していますか?

こんにちは。以下のような重複した HTML ソースコードを生成する賢い方法を知りたいです。 1 から 30 までの番号が付けられた 30 行があるとします。このような構造が必要なページがたくさんあります。私のプロジェクトではとにかく PHP を使用しているため、PHP ループを使用してページ自体でこのコードを生成しました。私の質問は、これは賢明なアプローチでしょうか?この状況におけるベストプラクティスは何でしょうか?ページ内で毎回 PHP を使用して HTML を生成することが賢明かどうかはわかりません。またはそれは？ご指導またはご提案をいただきありがとうございます。 <ahref=&...

P粉146080556 2023-09-10 16:37:09

ナビゲーションバー、メインコンテンツ、フッターを中央に配置する方法

私はネットワークコーディングの分野にはあまり慣れていないので、助けが必要です。私は地元のスポーツチームの Web ページを作成しています。その Web ページの見栄えはそれほど良くなく、WordPress はあまり使いやすいものではないため、自分でコーディングしてみるほうが簡単かもしれないと考えました。ページ上のナビゲーションバー、メインコンテンツ、フッターに入ることができません。ナビゲーションバー、メインコンテンツ、フッターを幅 80% だけで入力して、背景にスポーツチームのアスリートの写真が表示されるようにしたいと考えています) #footerWrapper{max-width...

P粉165823783 2023-09-16 13:52:33