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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです結果がこれですコードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23

touchmove を使用した Y 座標のキャプチャ: ステップバイステップのガイド

HTML、JavaScript、キャンバスを使用してモバイルアプリを作成しようとしています。基本的に、下にスクロールすると画像のズームが増加し、上にスクロールすると画像のズームが減少しますが、スクロールするとサイズが増加し続けるため、ズームを減らすことしかできませんサイズが小さくなることを願っています。 JavaScript コードの一部: document.addEventListener('touchmove',(event)=>{if(event.pageY<0){zoomLevel/=1

P粉996763314 2023-10-08 10:35:03

JavaScript - ネイティブ JS カルーセルチャート

最近、ネイティブJSのカルーセル画像をいじっていたのですが、切り替えにトランジションを追加したため、最後の画像から最初の画像までの接続に大きな問題が発生しました。アイデアは、最後のピクチャの後に最初のピクチャを追加し、親要素から最初のピクチャを削除することです。このアイデアは次のようなものです。同様のコードを書いたマスターはいますか? できます...

PHPz 2017-05-18 10:46:20

ページが終わりに近づくと要素が消える必要があります

ページの上部から下にスクロールするときにクラスを追加および削除するためのこのJSコードがありますが、私がやりたいのは、ページの最後に近づくと消えるか、スクロールした後に古い状態に戻ることです。 (例: 右から: 7px から右: -150px)。同じJSコードをコピーしてscrollTop>rollBottomを変更しましたが、機能しません。 jQuery(document).on('scroll',(e)=>{if(document.body.scrollTop>120|

P粉463418483 2024-03-29 23:04:00

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46

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

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

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

javascript - js の練習問題です。ここの最後の getElementsByTagName('a')[0] が 0 であるのはなぜですか?

{コード...} この実装の効果は、テーブルの最後の列を追加および削除する効果です。createElement が a タグを作成した後に oTd.getElementsByTagName('a')[0].onclick が行われる理由がわかりません。関数の追加と削除 =function() ここで選択されているタグ名は [0]、いいえ...

女神的闺蜜爱上我 2017-06-26 10:57:27

React での Pinterest のような動的画像の CSS グリッドの実装

そこで、CSSGridを使用してPinterestのような画像ギャラリーを作成しようとしています。そのため、高さの異なる写真を並べることができ、それぞれの写真が空きスペースを占める可能性があります。しかし、私が見たすべての例では、必要な高さに基づいて各画像に異なるクラスを追加していましたが、私はデータベースから画像を動的に追加したいと考えています。私はこれを試しました: <divclassName=‘gallery’><imgclassName=‘image’></img><img

P粉614840363 2024-03-21 20:21:31

html - CSSで絶対パス画像を背景として使用する方法

表示する画像がたくさんあるプロジェクトに取り組んでいます。後のメンテナンスの便宜のため、画像をアップロードし、絶対パスを使用して表示用に参照する予定です。こうすることで、後で画像が更新または追加された場合に、プロジェクトを変更する必要はありません。画像メンテナンス場所に行って変更するだけです。

怪我咯 2017-06-17 09:15:48

javascript - 1 ページに 4 つの絵があり、ページをめくるときに、特定の絵を固定してからページをめくりたいのですが、どうすれば実現できますか?

1ページに4枚の写真が表示され、ページをめくるたびに4枚の写真が一斉に切り替わるようなページになっていますが、各写真の左上にチェックボックスを追加したいと思います。画像を選択し、をクリックします。次のページまたは前のページでは、この画像は変更されませんが、チェックを外した画像は変更されます。今私は...

给我你的怀抱 2017-07-05 10:57:46

javascript - jQuery File Upload プラグインに関する質問

ユーザーは、input="file" タグを使用して画像を選択します。ユーザーが選択した画像を処理のためにキャンバスに描画した後、base64 画像データを取得します。次に、この結果を jQuery ファイルにどのように入力するかが問題になります。アップロードして、ボタンをクリックします。アップロードについてはどうですか? {コード...}

淡淡烟草味 2017-06-10 09:49:07

javascript - ショッピングカート効果を実現するためのネイティブ js+localStorage

質問: 1. 初めてページを開いたとき、ローカルストレージがないためデータが取得されず、商品は1つ追加されショッピングカートには追加されませんが、1つ追加するとショッピングカートに追加されます。一度に 2 つの商品をショッピングカートに追加します。次のレッスンでは、通常どおり 2 つの商品を追加および減算します。各商品の最初の商品を追加する場合、2 番目の商品を追加するときにショッピングカートには追加されません。結果の表示...

高洛峰 2017-06-12 09:26:38

スクロール背景画像の不透明度を下げ、最小不透明度を制限します

背景画像を取得して、スクロール時に不透明度を下げ、ランディングページから離れると、vanillajavascriptを使用して不透明度を最小値0.5に下げようとしています。スクロール関数に Math.max() を追加して 0.5 まで下げようとしましたが、すべてのページで画像が 0.5 のままになります。ランディングページの不透明度を常に 1 にし、他のすべてのページの不透明度を 0.5 にしたいと考えています。スクロールをアニメーション化することはできますが、0.5 で停止する必要があります。 constlandingHeight=document.getElementByI

P粉166675898 2024-04-04 23:50:53

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーションバーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーションリンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダータブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12

css3 - CSS フォントスタイルに背景色の代わりに塗りつぶし色を加えたもの

次のようなフォントスタイルがあります。ハートを包むスパン全体ではなく、ハートに色を追加したい場合、カラーエラーは次のようになります。スパンの定義は次のとおりです。 {code...}背景色を追加すると、上の画像が表示されます。効果としては、直接色を使用すると、ハート型の境界線にのみ色が付きます。

天蓬老师 2017-06-08 11:02:27

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

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

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

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28

javascript - Vue 初心者が助けを求めています。 v-for と v-if は複数の要素を同じレベルでレンダリングします。要素の 1 つの表示/非表示を個別に変更するにはどうすればよいですか?

www.todolist.cn を真似て追加・削除・修正可能な自作 todolist を作って練習しているのですが、todo 内容を再編集する際に詰まってしまったのですが、公式の解決策がまとめられていないのでここにまとめました。助けを求めます。次の。テキストをクリックすると入力変更に変わりますが、v-if が同じ変数にバインドされているため、効果は次のようになります...

淡淡烟草味 2017-06-12 09:27:36

Bootstrap Vue を使用して画像を右揃えにする方法

私は BootstrapVue を初めて使用し、b-cardheader を使用して画像を右に揃えようとしています。 <span> または <div> を使用してみました。テンプレートのタイトルサイズは、画像を追加するまでは完璧でしたが、画像は少し右に表示されましたが、少し下にも表示されました。これが私のコードペンリンクです。ご協力いただければ幸いです。 https://codepen.io/tone373/pen/JjeYazG<b-cardheader-

P粉216807924 2023-09-07 23:33:56

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

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

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