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

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05

JavaScript - サムネイルのグループをクリックすると、大きな画像が表示され、対応する画像に切り替わります。サムネイルをクリックすると、大きな画像が非表示になります。困ったことがあれば、先生に相談してアドバイスを求めてください。

サムネイルのグループをクリックすると大きな画像が表示され、対応する画像に切り替わり、サムネイルをクリックすると大きな画像が非表示になります。大きな画像が表示されているときに、他の小さな画像をクリックすると大きな画像が切り替わりますが、非表示にすることはできません。私の質問は、大きな画像が表示されているときに、他の小さな画像をクリックすると、大きな画像が切り替わりますが非表示にはなりませんが、もう一度サムネイルをクリックすると大きな画像が非表示になります...

为情所困 2017-05-19 10:34:32

javascript - トグル中に入力の値を変更します

クリックすると非表示のコンテンツを表示するボタンができました。これはトグルで実現できますが、コンテンツが非表示かどうかを個別に判断するのではなく、トグルで非表示のコンテンツを表示しながらボタンの値を直接置き換えるにはどうすればよいですか。 +」と「-」が切り替わります。 {コード...}

女神的闺蜜爱上我 2017-06-12 09:32:25

JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロールバーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07

javascript - vue 2.0のトランジショントランジション効果が異常です

vue2.0で切り替えトランジションをしたところ、切り替え表示は正常なのですが、切り替えが消えるまでに遅延があり、トランジション効果がありませんでした {code...} {code...}

世界只因有你 2017-05-19 10:33:34

Summernote エディタに直接コピーした画像のアップロードと表示の問題

画像ボタンを使用せずに、Summernote エディタに直接コピーした画像をアップロードするのに問題があります。問題の概要とこれまでに行った手順を次に示します。 Summernote を Web アプリケーションに統合し、貼り付け機能を有効にして、ユーザーが画像をコピーしてエディタに直接貼り付けることができるようにしました。画像を貼り付けると、エディターに不明な画像として表示されます。ただし、AJAX を使用して画像をアップロードし、サーバーに保存しているときに、サーバーから画像を取得して Summernote エディターで表示しようとすると、画像が

P粉505917590 2024-03-21 23:48:43

:hover 効果を複数の要素に動的に追加する

プログラムで複数の要素にホバー効果を追加することはできますか?私たちのシステムでは、単一のユニットを表す複数の要素が存在します (ただし、他の理由で複数の要素に分ける必要があります)。場合によっては、ホバー時に一緒に色を変更する必要があります。プログラムで複数の要素にホバー効果を追加することは可能ですか?それともこれは良い習慣なのでしょうか？ my_own_css_class を使用し、ホバー時にすべての要素に追加することで、この問題を解決できました。しかし、プログラムでホバー効果を持たせるとうまくいくかもしれないと感じています

P粉203792468 2023-08-15 23:49:58

javascript - スワイパーのタブ切り替え. 各ボタンをクリックしてスワイパーコンテナを移動させるにはどうすればよいですか?

スワイパータブ切り替えの各ボタンをクリックしてスワイパーコンテナを移動させるにはどうすればよいですか? たとえば、NetEase の上部タブ切り替えの各ボタンをクリックすると、タブ切り替えコンテナがスクロールします (1: 左右にスクロールでき、コンテンツが画面いっぱいに表示されます)。コンテナ全体。,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16

Linux 上で Vim を使用して Python プログラムを作成する場合、「Python のヘルプコンテンツ、つまり Python-doc をクエリする」ことは、「vim-doc」のように行うことができますか?

[説明] たとえば、Vim の特定のヘルプコンテンツを表示するには、次のようにすることができます。 h help-content Python-doc を表示するときにこれを行うことはできますか? (IPython の help-content を通じて Python のヘルプコンテンツを表示できるようになりました)。 ? ただし、これには別のシェルウィンドウを開く必要があります)

淡淡烟草味 2017-05-16 16:37:35

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバーイベントとマウスアウトイベントをリッスンしてキャンバスアニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56

JavaScript - tinymce エディターでコンテンツ画像のサイズ変更を無効にするにはどうすればよいですか?

タイトルにあるように、現在、Weibo コンテンツを送信するためのエディターとして tinymce が使用されています。画像を挿入した後、画像をクリックするとサイズを変更できる、つまり 4 つの点が表示され、画像を拡大または縮小できることがわかりました。これを無効にするにはどうすればよいですか?

巴扎黑 2017-07-05 10:41:20

画像の開始点と終了点

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

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

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

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

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

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

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

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

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

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

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

Vue 3 の v-for ループでボタンのアクティブ状態を切り替える

Vue3 でフィルターヘッダーを作成しています。そこでは表示するカテゴリを選択できるため、スイッチをクリックしてフィルターを切り替えることができます。別のカテゴリをクリックすると、前のアクティブなカテゴリの選択が 1 回だけ解除されます。アクティブなカテゴリがありません。この jsfiddle のように、トグルボタン (選択を解除するにはもう一度クリック) がなく、v-for ループを使用していない例をいくつか見つけました。これを v-for ループに変換できる自信はありますが、切り替えを簡単に行う方法、および一度に 1 つのアクティブカテゴリのみを使用する方法がわかりません。これは私で...

P粉046878197 2023-08-27 09:44:54

入力フィールドがコンテンツを完全に表示するのに十分な幅であることを確認するにはどうすればよいですか?

多くの列を持つテーブルで Vuetify テキストフィールドコンポーネントを使用しています。コンポーネントに含まれるコンテンツが多すぎて表示できない可能性があり、ユーザーエクスペリエンスの観点から、セルが多い場合、フィールド内をスクロールしてコンテンツを検査すると時間がかかりすぎます。純粋な HTML の例 Vuetify の例最初に考えたのは (より良いアイデアがある場合はお知らせください)、コンテンツ全体を表示するツールチップを表示することでしたが、コンポーネントがコンテンツ全体を表示できる場合、これは煩わしいでしょう。したがって、コンテンツが非表示または切り捨てられている場合にのみ...

P粉014218124 2023-09-02 22:36:56

満足のいくWebデザインを作成する方法

自分のデザインを表示することはできません。リデザインして作りたいと思っています。 Web デザインの作成は多面的なプロセスであり、美しさ、機能性、ユーザーエクスペリエンスをシームレスに融合させる必要があります。それは、Web サイトの目的、対象ユーザー、ブランドを深く理解することから始まります。適切にデザインされた Web ページには、コンテンツの本質を捉えるだけでなく、ナビゲーションのしやすさを保証する、視覚的に魅力的なレイアウトが必要です。色の組み合わせ、フォント、画像の選択は、適切なメッセージを伝え、強力な視覚的アイデンティティを確立する上で重要な役割を果たします。レスポンシブデザイン...

P粉908643611 2023-08-10 17:09:33

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

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

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