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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

javascript - モバイル選択プラグインですが、データはそれ自体で定義されます

右のエフェクトと似ていますが、中のデータがカスタマイズされています。まずモバイル端末のエフェクトです。次にリストがたくさんあります。写真に応じてエフェクトを表示するには、データを次のようにすることができます。バックグラウンドから取得したデータ。

PHP中文网 2017-06-14 10:54:06

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベルコンテンツが 2 つあり、2 番目のラベルコンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32

JavaScript - ハイチャートデータのレンダリングについて

画像の説明上のグラフはデータを動的に追加します。コード内の変数 xdata は時間で、形式は 17:21:11 です。これは印刷でき、Y 軸も通常どおり印刷できます。しかし、現在、Y 軸のデータは正常にレンダリングできますが、X 軸が表示できません。期待される効果は時刻を表示することであるはずですが、今は...

習慣沉默 2017-06-26 10:53:06

私のウェブサイトに私の画像が表示されないのはなぜですか?

アニメーションフッターを作成しようとしています。コードに画像を挿入しようとしていますが、表示されません。編集指示に従ってコードを編集しようとしましたが、画像はまだ表示されません。 css ファイルは wave.png と同じフォルダーにありますが、wave.png は同じフォルダー内の別のフォルダーにあります。これが問題なのかどうかはわかりません。必要に応じて、コード全体を表示することもできます footer.wave{position:absolute;top:-100px;left:0;width:100%;he

P粉724256860 2024-02-21 20:28:09

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

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

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

最後の列にクラスを追加すると画像やアニメーションが消えるのはなぜですか?

6枚の画像を無限ループでアニメーションさせようとしています。 6 番目の画像を追加して「poster」クラスを追加すると、画像は表示されませんが、6 番目の列 (または画像) に「poster」クラスの追加を省略すると、最初の 5 つの画像が表示され、正しくアニメーション化されます。なぜこんなことが起こるのか分かりません。ご覧のとおり、「ポスター」クラスは 6 列目にないため、コードは機能しますが、そのクラスを追加するとすぐに機能しなくなります。 (私は bootstrap5 を使用していますが、それはこの問題とは何の関係もないと確信しています。

P粉792026467 2023-08-15 11:29:09

javascript - jqueryはリストの最後に画像を追加し、プレーンテキストのみを表示します

{コード...} リストの最後に追加されたテキストは確かにテキスト形式であり、画像は表示されません。

高洛峰 2017-05-19 10:26:47

私のウェブサイトはデスクトップでは正常に表示されますが、モバイル画面では表示されません

私は HTML/CSS を使用して個人の Web サイトをデザインしています。ただし、テキストは携帯電話に合わせて拡大縮小されません。下の写真を参照してください。 Web サイトはデスクトップでは見栄えがしますが、モバイルデバイスではうまく表示されません。 Google ドライブの埋め込みが携帯電話の画面に収まりません。私の携帯電話には GGDPPDF が埋め込まれていると表示されます。この問題を解決するにはどうすればよいですか?どうもありがとう。これが私のコードです: HTML<!DOCTYPEhtml><html><head><title>...

P粉827121558 2024-03-30 15:09:41

次のビジネス要件を満たすデータベーステーブル構造を設計しますか?

今日のインタビューの最後の質問でつまづきました: (原画) 次のビジネスニーズを満たすデータベーステーブル構造を設計してください: 1. ある加盟店が一定期間ゲームをプレイできる抽選を行っています。ゲームをプレイするユーザーのみが参加できます。 50ポイント以上で抽選ができ、1ユーザーにつき複数のイベントに参加可能です。 2. イベント後、以下を含む宝くじ記録のリストを編集する必要があります: 3. ユーザー A が 10 回引いて 2 回勝った場合、リストにはユーザー A の 2 つの勝利記録が表示されます; ユーザー B が 8 回引いた場合、リストにはユーザー A の 2 つの勝利記...

phpcn_u36412 2018-03-14 23:00:16

特定の人（ID）の要素を合計する方法 - laravel

こんにちは。特定の人 (ID) のテーブル列を合計するにはどうすればよいですか。たとえば、次のようなテーブルがあります (これはテーブル ProjectHistory テーブルです)。 colabs ビューで特定のコラボレータのすべての合計を表示したいとします。たとえば、以下の画像を参照してください。 (これはコラボレーターのテーブルです) それで、写真を見ると、「David」の id2 がコラボしていることがわかります。そこでID 2のcolabのProjectHistoryテーブルの「Suma」列の合計(3+500=503)を出力したいと思います。全てのコラボでこれをやりたい

P粉450079266 2023-09-04 16:39:02

アニメーションコンテンツの表示と非表示: トランジション効果を備えた HTML ページの作成

ページめくりのアニメーションを使用して、本の形でコンテンツを表示する Web サイトを作成しようとしています。各「ページ」のコンテンツに対してアニメーション化するさまざまな SVG 画像がありますが、これを行う方法がわかりません。基本的に、「ページ」ごとに HTML ファイルを作成せずに、コンテンツを希望どおりに表示または非表示にする方法はありますか?順序は少し重要です。Google に私のサイトをランダムな場所にリンクさせたくないのです。ありがとう！カルーセルを考えていますが、スライドショーはページ全体であり、アニメーションコンテンツ、アニメーショントランジションをサポートしており、テキスト...

P粉674757114 2023-09-10 17:41:45

次の js; 一部のモバイルデバイスではコンポーネント内のテキストがぼやけます

タイトルの通り、nextjs ページの一部のテキストがぼやけて見えますが、一部のモバイルデバイスではオンラインで表示されるという問題がまだ発生しています。私はこれを最も顕著に感じたのは一部の iPhone です。コンソールを使用してモバイルレイアウトをテストする場合、これはモバイルデバイスにも当てはまります。これは、私のページ上の 2 つのコンポーネントに関する問題です。どちらのカードも裏返すと裏面が表示されます。また、Framermotion を使用してアニメーション化されます。スタイル設定は Tailwind で行われ、ページの他の部分の通常のテキストは通常どおり表示されます。理...

P粉329425839 2023-09-12 21:31:00

JavaScript - js スクロールは項目を上部近くにスライドさせて上部に表示します

今回実装したい機能はスライドリストをスライドさせることで、スライドが静止している場合、上に近い項目が上に表示されます。次のようになります: (力は軽いことも重いこともあり、スライドが静止しているときはどこでも止まることができます)。このエフェクトを実行した人はいますか?アドバイスをお願いします。ありがとうございます...

PHP中文网 2017-07-07 10:34:23

HTML テーブル内の画像を右揃えにする方法

Django Web サイトを作成し、結果を上部に小さなフォームのように表示したいと考えています。左側にテーブルがあり、右側のテーブルに 2 つの写真と別の列を追加したいと考えています。よりわかりやすく説明するために図を設計しました - ここに画像の説明を入力しますこれで、フォーム 1 と表のコードを書きました。バックエンドのコードも書きます。画像とフォーム2はフォームの右側にあるのでhtmlコードの書き方を知りたいです。任意の HTML コードを記述するだけで、表の下に表示されます。誰かが表の右側に写真とフォーム 2 を追加するのを手伝ってくれませんか?今私は

P粉555696738 2023-09-02 09:04:11

Phaser がタイルマップのロードに失敗し、画面に黒い画面だけが表示されました。

タイルマップエディターで作成したタイルマップをロードしようとしています。これを json ファイルとしてエクスポートし、タイルセットとともにパブリックフォルダー内のアセットフォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラーメッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02

laravel 5.8を使用してYajraデータテーブルにエクスポートボタンを表示する別の方法はありますか?

YajraDatatables を使用して、サーバー側でユーザーのリストをクエリしています。すべての依存関係を追加しましたが、ボタンが表示されません。ボタンはコピー、PDF、CSV、さらにはカスタムボタンの表示も可能です。さまざまなバージョンの JQuery を使用してみましたが、結果は得られませんでした。ビューからのデータ配列を使用してデータテーブルを初期化するだけの場合は、ボタンが表示され、正常に動作しますが、ルートおよびサーバー側からデータソースを追加すると、ボタンが表示されません。何かが足りないのでしょうか？以下はサーバー側の処理コードですが、ボタンは表示されていません。デバッグ時に収...

P粉021708275 2024-03-26 11:06:25

React アプリケーションのパフォーマンスの最適化: 多数のプロジェクトをレンダリングする効率的な方法

React アプリケーションを開発していて、項目の大きなリスト (数千行) を表示する必要があります。現在、ユーザーがリストをスクロールしたり項目をフィルターしたりすると、パフォーマンスが非常に遅くなります。 React アプリケーションのパフォーマンスを最適化してユーザーエクスペリエンスを向上させる方法はありますか?いくつかの追加情報: - 項目のリストをレンダリングするために React 関数コンポーネントとフックを使用しています。 - リスト内の各項目には、テキストや画像などの複数のデータフィールドが含まれます。 -現在、組み込みのマップ関数を使用してアイテムのリストを表示しています...

P粉733166744 2024-01-16 20:43:20

JavaScript - vscode を必要に応じてカスタマイズする方法

vscode カスタマイズで実現したい効果は、ショートカットキー JS を押して変数 A をクリックして変数 A の宣言にジャンプすることです。CSS ではクラス名 B をクリックして B{...} にジャンプします。未使用の JS 変数または CSS クラス名がグレー表示され、JS 矢印機能が自動的に完了します。タブを閉じたときに項目リストが自動的に配置されないはずです...

代言 2017-07-05 10:38:58

ユーザーがあるページで画像をアップロードまたは変更し、別のページに表示できるようにするにはどうすればよいですか?

ユーザーがあるページに写真をアップロードして、別のページに表示できるようにするにはどうすればよいですか?ユーザーは画像を変更でき、他のページでも同様に変更されます。また、php/js/jquery/mysqli の中で最も効果的なものを使用することについても話しています。 (私はこの分野では初心者なので、簡単な言葉を使っていただければ幸いです:)) 編集: はい、初心者だと言いましたが、コーディングについて何も知らないという意味ではありません。。また、YouTube や他のスタックオーバーフローの質問からいくつかの解決策を見ましたが、すべて

P粉298305266 2024-04-01 18:33:31

フレックスボックスを使用してこのレスポンシブレイアウトを実装する方法

Flex コンテナ内に xy 個のカードと 1 つのウィジェットをレンダリングする React アプリを作成しています。すべてのカードの幅と高さは同じですが、ウィジェットの高さはカードの高さ * 2 + 行ギャップに等しくなります。コンテナの幅はビューポートの幅に応じて変化し、視覚的にはそれぞれカードが 2 列または 3 列に見えるはずです。さらにわかりやすくするために、ウィジェットを青で表した、必要なレイアウトのモックアップ画像を提供しました。何を試しても、行の高さをそのサイズに変更せずにウィジェットを正しい位置に表示することはできず、「空」のままになります。

P粉733166744 2024-02-26 19:29:01