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

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

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

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

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

javascript - スワイプの左右切り替え矢印をクリックすると、スワイプソースコードの slideNext 関数内で現在の vue インスタンスにアクセスします。

現在の要件は、vue を使用してタブバーとスワイプを備えたカルーセルコンポーネントを作成することです。カルーセル画像の左右のヘッドをクリックすると、スワイプの slideNext 関数で現在のページのページ番号を取得し、そのページ番号を vue インスタンスに渡してカルーセル画像の同期効果を実現したいと考えています。そしてタブバー！しかし、今ではさまざまな...

漂亮男人 2017-06-26 10:58:16

JavaScript - 素敵なカルーセル画像を見たので、実装方法を教えてください。

ページ https://www.pingxx.com のカルーセル画像がとてもクールだと思いましたが、両面でフェードアウト効果を実現するにはどうすればよいですか?

某草草 2017-05-18 10:52:10

エラーを報告する

先生、あなたのコードに基づいてカルーセル画像を作成しました。カルーセルボックスのクリックイベントをバインドするときに、「プロパティ 'onclick' of null を設定できません」というエラーが発生するのはなぜですか?

P粉373939045 2022-12-21 22:44:27

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

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

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

Vuetify 2 でカルーセル項目に href 属性を追加するにはどうすればよいですか?

私は Vuetify2 を使用しており、ユーザーがカルーセル画像をクリックしたときにユーザーを Web サイトにリダイレクトする必要があります。カルーセルの各項目は別の Web サイトにリンクする必要があるため、複数の href などがある必要があります。 API で提供されているいくつかのプロパティを試してみましたが、それらが正しく記述されているかどうか、または Vuetify2 で有効であるかどうかはわかりません。

P粉937769356 2023-09-16 20:47:32

javascript - イメージがロードされた後、js イメージの onload が実行されない

1. 想定される効果は、画像がロードされるたびにアラート「1」が発行されることです。実際の効果は、すべての画像がロードされた後、アラートが 4 回発行されることです。 2. 以下はコードです。助けてください。 //imgArray[] 画像のリンクが 4 つありますが、長すぎる場合は書きません. var count = 0; {code...}

大家讲道理 2017-05-19 10:12:08

ブラウザのサイズに基づいて解像度を自動的に調整するフルサイズの画像

送料のウェブサイトがあります。ホバー画像を画面全体に表示し、コンピューター画面の解像度に依存しないようにするにはどうすればよいですか。ブラウザウィンドウを縮小すると、それらもトリミングされて縮小されるはずです。ありがとう。 .hover-image{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;flex -directi

P粉302160436 2023-08-16 11:40:39

この種の境界線をHTML - CSSに追加するにはどうすればよいですか?

画像のように、画像の四隅に枠線を追加してこの効果を実現するにはどうすればよいでしょうか?

伊谢尔伦 2017-05-16 13:34:16

スロットを使用してカルーセルを作成するにはどうすればよいですか?

人々は、画像の配列を使用してカルーセルを作成する同じ方法を私に教え続けます。しかし、カルーセルの各スライドにライトボックスコンポーネントを含めたいので、このアプローチは柔軟性に欠けます。この場合、カルーセル配列に配置した画像のライトボックスの機能をオーバーライドしたくありません。それは素晴らしいことではありませんか？記述するコードが減り、Vue.js の再利用可能なコンポーネントがこれまで以上に便利になります。スロットを使用した非常に良い例を見つけました。 GitHub 上の SSENSE による VueCarousel。 Web 開発にあまり熟練していない私には、彼が各スライドの表示をどの...

P粉817354783 2024-01-10 16:53:13

影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します

まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpress-493302-3130963.cloudwaysapps.com/ CSS トランジションを使用して達成したいことの半分は正常に達成されましたが、シャドウが表示されません上の画像に示されている作成ボタンのコピー。私のCSSは次のとおりです。cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21

javascript - dom要素でPDFをプレビューできるプラグインを誰かが推奨できますか?

画像の効果と同様に、現在 objectPDF.js という PDF プラグインを使用していますが、これを使用すると、PDF プレビュープラグインの背後にある DOM 要素が消えてしまいます。

ringa_lee 2017-05-19 10:09:10

javascript - カルーセルJSで保存された変数でタイマーを呼び出す方法

{コード...} 理由は、最近全画面カルーセル機能を実装したいと思い、多くの情報をクエリし、多くの Web サイトのコードを参照したところ、ほとんどが難読化されたコードであることがわかりました。理解できなかったので、原始的で粗雑なカルーセル画像を自分で作成しました。js の基礎がしっかりしていないので、問題はたくさんあるでしょう。できればいいのですが...

女神的闺蜜爱上我 2017-07-05 11:08:40

android - 2つのレイアウトの端に画像を設定する方法

図に示すように、このような効果を設定する方法は、画像が 2 つのレイアウトの端にあり、このアクティビティの下にビデオを再生するアクティビティがあり、フレームレイアウトを使用して透明度を設定しています。透明。

淡淡烟草味 2017-05-16 13:34:07

モジュールが見つかりません: エラー: 'DavidDaDon.png' を解決できません

ここで何が間違っているのかよくわかりません。これらの PNG 画像は src フォルダーにあり、require パスと相対パスを使用して画像を参照しています。気が狂いそうになる。参考までに、親しい友人や家族との誕生日のお祝いのカウントダウンを作成しているのですが、画像がアコーディオン効果で表示されてしまいます。

P粉001206492 2023-07-27 21:01:30

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

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

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

React を使用した HTML の SVG パスセレクター

ユーザーがSVGをアップロードできるペイントアプリケーションを作成しています。さまざまな色で塗りつぶし、SVG 上に描画してから消去します。しかし、残念ながらSVGのパスを取得できません。以下は SVG 画像です。ホバーした場合、そのホバーパスのパスを取得し、選択した色で塗りつぶしたいだけです。 Canvas パスと SVG パスを試してみました。しかし、運がありません。 Canvas には beginPath メソッドがあり、SVG を描画するために使用します。 <?xmlversion='1.0'encoding='utf-8'?&

P粉566048790 2023-09-01 23:22:48

画像の開始点と終了点

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

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

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

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

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