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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホームページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクトページに移動するのではなく、全画面モーダルコンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37

画像の開始点と終了点

画像の開始点と終了点を設定しようとしています。それで、キャンバスと画像があり、画像をキャンバスに配置すると、開始点/終了点の上にマウスを置いたときに小さな赤い円が点灯するようにしたいのですが、これは他の画像を接続して作成できることを意味します。例: 1) 画像をドラッグします。 2) 画像をキャンバスに配置します。 3) マウスを開始点/終了点に移動すると、小さな赤い点が点灯します。ご覧のとおり、赤い点はホバー時にのみ表示されます。もう 1 つの質問ですが、最初の質問を解決できれば、画像がグリル (正方形) に従っていません。これは html/js のコンストレジスタの例です。

P粉511757848 2023-08-31 12:24:51

Tailwind CSS は VS コードプロジェクトに適用されませんか?

Laravel10.18.10を使用してプロジェクトを開発しており、VScodeでtailwind拡張機能をダウンロードしました。 tailwind コードを適用しようとすると、プロジェクトに適用されないようです。コードの上にマウスを移動すると、次のようなポップアップウィンドウが表示されます。ただし、表示されているページでは効果がありません。表示されたページちなみに、このファイルは /resources/views ディレクトリに保存されていますが、この問題の原因を知っている人はいますか? headwind 拡張機能をダウンロードしようとしましたが、それも機能しませんでした。二言で言いたい

P粉521697419 2023-08-16 18:34:03

クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか?

ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください。タイトルをクリックすると、上の画像がテキストボックス/別の画像/スクロール可能なセパレーターのようになります。ここでは、右側の頭蓋骨の絵文字をクリックすると、左側のボックスに新しい div/画像が表示されるというページの効果を実現しようとしています。ソースコードを見て、この効果を実現するために彼女が何をしているのかを確認していますが、まだわかりません。 w3schoolsonを使用しようとしています

P粉872101673 2024-04-04 11:21:03

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。

下の図に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される写真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので参考にしてください。以下は私のHTMLコードです{code...}

给我你的怀抱 2017-06-12 09:32:10

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックスレイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59

javascript - 引っ越し後のulのliのクリックイベントが引っ越しイベントと競合する

図に示すように: 私が望む効果は、ul の li の色が移動すると赤に変わり、移動すると青に変わることですが、特定の li が選択される (つまり、クリックされる) と、この li が変化することを望みます。次の li をクリックする前は常に赤になりますが、マウスが再びそこを通過して削除イベントがトリガーされた場合でも、別の li をクリックするまで赤のままである必要があります...

漂亮男人 2017-05-18 10:49:41

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

class-wp-roles.php のエラー - 「array_keys() は引数 1 が配列であることを期待しています」

数日前、WordPress の管理ダッシュボードにアクセスできなくなっていることに気づきました。通常の管理者ユーザー名/パスワードを使用してログインしますが、WordPress ダッシュボードではなく Web サイトのホームページにリダイレクトされます。また、ページ上部の管理バーには、ダッシュボードに移動したりページを編集したりするための通常のオプションが表示されません。その後、wp-admin にアクセスしようとすると、「申し訳ありませんが、このページへのアクセスは許可されていません。」というエラーメッセージが表示され、wp_debug を有効にすると、次のエラーメッセージが表示され始め...

P粉253518620 2023-08-30 13:11:16

Chrome 拡張機能がパスとファイルにアクセスできるようにする方法

Opera 拡張機能を作成していて、拡張機能のパスに保存されているいくつかの画像を取得したいと考えています。このプラグインが行うことは、特定の Web ページで、背景画像の URL と一部のアイコンを拡張機能内のカスタムアイコンに変更することです。ただし、スクリプトを実行すると、すべてが非表示になり、画像のロードに失敗します。ロガー内では chrome-extension://invalid/net::ERR_FAILED が表示されますが、パスをログに記録すると正常に見えます。マニフェスト.json ファイルには、Web があります。

P粉644981029 2024-02-26 23:12:34

JavaScript - スワイパー画像をスワイプできません

質問の件名は、要求されたデータがなかったため Vue で書かれていたため、偽のデータが作成されました: これは動的に生成された img タグであり、ページ上で使用されます: しかし、Chrome を開いて効果を見ると、これはスワイプできず、最初の画像しか表示されないということですが、その写真の動的生成された画像も以下のように正しい構造になっているのですが、なぜ描画できないのでしょうか...

黄舟 2017-07-05 10:48:46

onclick 関数 return false が JavaScript でトリガーされないのはなぜですか?

Web ページ上の画像の表示に関する JavaScript dom プログラミングアートの部分に従って入力されたコードには、Web ページが表示するための新しいリンクをポップアップしないようにするために onclick="showPic(this);return false;" の入力を必要とするセクションがあります。写真はありますが、最終的には実行されます新しいリンクがまだポップアップします...

滿天的星座 2017-05-19 10:39:07

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオンボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11

REACT - ポストブラウザボタンでのページの再レンダリングを回避します。

多くの製品を表示するカタログページがあります。ユーザーが下から選択できる製品の 1 つ (たとえば、製品番号 1000) をクリックすると、別のページに移動して内容などを確認します。ボタンブラウザがカタログページに戻ると、すべてが再度表示されます。これは当然のことですが、前に選択した製品にスクロールバーを配置するのに時間がかかります。ユーザーがページの上部で特定の製品 (たとえば、製品番号 4) を選択すると、すべてが正常に動作しますが、ページの下部に移動すると、シナリオが開始されます。 REACTでこのディレクトリページをキャッシュする方法はありますか

P粉733166744 2024-03-27 14:50:53

他のページに移動するときに ScrollPosition が先頭に設定されない

Web ページはマスター/スレーブアプローチを使用して設計されています。マスターにはタブ (左ペイン) があり、クリックするとスレーブ (右ペイン) の対応するページが表示されます。例えば。 master には「スキーマとテンプレート」という 2 つのタブが 3 つあり、デフォルトでスキーマが表示されます。ユーザーは、左側のペイン (マスターページによってロードされる) のタブを使用して、これら 2 つのページ (スレーブページによってロードされる) 間を移動できます。ここで、ユーザーがスキーマページ内の特定の位置までスクロールしてテンプレートページに移動すると、スクロール位置は上部...

P粉556159786 2023-08-30 09:07:14

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソースコードはメモリ上で DOM オブジェクト (ドキュメントオブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14

CSS トランジション: 背景サイズが機能しない

私は、画像の上にマウスを置くとズームアウトして、div の背景を確認するためにズームアウトしすぎなくても画像全体が表示される Web サイトに取り組んでいます。私の HTML は次のようになります: <divid="wrapper"><divid="imgDiv"><divid="transitionDiv"style="background-image:u

P粉821808309 2023-09-05 00:05:08

pbootcmsプログラムの詳細ページテンプレートは複数セクション表示を実現したいのですが、うまく説明できないのでスクリーンショットを撮りました。

現在の詳細ページのページは次のとおりです。このような詳細ページのテンプレートに変更したい場合: 詳細ページ上でマウスを移動すると、変更されたセクションの内容が表示されます。デモのアドレス: http://www.cssmoban.com/preview/index.html?url=http://demo.kangjingept.com:8020/cssthemes6/zly2021010120_17/index.html&id=17851&tid=201250

晓晓科技 2021-05-11 17:20:32

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロールバーに合わせて動的に増加させるにはどうすればよいですか?

要件としては、ページのサイドバーは、最初はページ上の特定の位置（右: 0、下: 0 など）に固定されていますが、スクロールバーがスクロールするにつれて、サイドバーが表示されなくなるのを防ぐために、フッター部分を折りたたむと (下の図を参照)、特定の位置に達すると、スクロールバーの増加に応じて Bottom の値が増加し、開始点と同様の効果が得られます。

高洛峰 2017-06-26 10:53:43