JavaScript - vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法。

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを画面の外にスライドさせたままにする効果を実現する方法。以下は私が書いたコードですが、私が書いたのは次のとおりです: マウスを上に動かします、ボックスはスライドしていますが、マウスは離れていませんが、ボックスは消えています。

PHP中文网 2017-05-19 10:30:36 0  2  869

マウスを第 2 レベルのメニューに移動しても非表示にならないのはなぜですか? jquery は、マウスが第 1 レベルのメニューを削除すると、第 2 レベルのメニューが非表示になると書き込みます。

マウスを第 2 レベルのメニューに移動しても非表示にならないのはなぜですか? jquery は、マウスが第 1 レベルのメニューを削除すると、第 2 レベルのメニューが非表示になると書き込みます。

L 2018-12-31 19:07:27 0  2  1285

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

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

P粉289775043 2024-03-27 20:29:28 0  1  462

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

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

学习ing 2017-06-12 09:32:56 0  3  828

JavaScript - インターフェイスには複数のボタンがあります。いずれかのボタンをクリックすると、プロンプト ボックスがポップアップ表示されます。どのボタンがクリックされたか、どのプロンプト ボックスが自分のものであるかを区別するにはどうすればよいですか?

インターフェイス上には多くのボタンがありますが、マウスを移動するとプロンプトボックスが表示され、マウスを移動するとプロンプトボックスが表示されなくなりますが、どのボタンの移動イベントと削除イベントが発生したかを判断する方法を説明します。 Wheelmenu.jsのリングメニューをベースに直接記述できますか?

巴扎黑 2017-06-12 09:30:51 0  5  1129

javascript - キャンバスでのマウス座標の取得に関する問題

ウィンドウ付属のお絵かきボードの線画機能のような線画効果をマウスで作りたいと考えています。これにはマウスの座標を取得する必要があるのですが、キャンバスに線を引くといつもカーソルの下にはっきりと線が引かれず、座標が正確に取得できていない気がします...

过去多啦不再A梦 2017-05-19 10:29:32 0  1  613

JavaScript - div フレームを描画し、div でカバーされる dom 要素を取得するマウスを実装します。

この効果と同様に、マウスを移動して div ボックスを引いて、div で覆われている dom 要素を選択します。実装できる良いアイデアはありますか? 私が思いついた方法は、div の offsetLeft、offsetTop と、選択する必要がある各要素の offsetLeft、offsetTop を判断することです。

仅有的幸福 2017-05-19 10:09:21 0  4  588

正確なマウス座標を取得できない問題: ページのサイズを変更するときに HTML5 キャンバスを使用する

このピクセル効果をフロントエンドの専門家に作成してもらいたいと考えています。全画面キャンバスでピクセル効果全体を実現することはできますが、 constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//全画面の高さをキャンバスに設定します Canvas.width=window.innerWidth ;//キャンバスを全画面幅に設定すると、マウスの座標を取得しやすくなります constmouse={x:unknown,y:u

P粉752290033 2023-09-12 12:20:33 0  1  756

WordPress メニュー効果を調整する方法

最近WordPressのテーマをいじっていて「Kratos」をインストールしました 上のメニューバーの効果を調整したいのですが、バックグラウンドで直接変更する必要がなく、いじる方法がわかりませんコードです。アドバイスを求めてもいいでしょう。テーマの効果は次のとおりです。現在 2 つあります。質問: PC バージョンの上部にあるメニューを左揃えにするにはどうすればよいですか?デフォルトは次のとおりです。右揃えになりました。マウスを上に移動したときにセカンダリ メニューが自動的に展開されるようにするにはどうすればよいですか?

天空蓝 2023-04-16 12:00:36 0  1  1266

javascript - vue2.0 transition hover事件

vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外側にスライドさせる効果を実現する方法

大家讲道理 2017-05-19 10:30:59 0  2  643

タイトル: 白を除く任意の色の背景で白のテキストの視認性を実現

mix-blend-mode:Difference を使用してテキストの色を白に変更すると、背景色が黒の場合にうまく機能します。マウスをテキストに移動して効果を確認します。 constblackBox=document.querySelector(".black-box");window.addEventLis tener('mousemove',function(event){blackBox.style.left)

P粉744691205 2023-11-10 16:59:01 0  1  786

javascript - 検証コードを取得するためのjsコード カウントダウン問題

確認コードのカウントダウンを取得するとき (たとえば、カウントダウンは 40 秒です)、リンクをクリックして別のページに移動します (_self、このページはジャンプし、新しいタブは開きません)。一定時間が経過したら、「戻る」をクリックします。ボタンを押してカウントダウン ページに戻ります。カウントダウンは 40 秒から始まります。望ましい効果は、実際のイベントに従ってカウントダウンが継続することです...

漂亮男人 2017-07-05 10:50:31 0  3  987

ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から離れた場合でもアニメーションがトリガーされるという考えです。要素の上にマウスを移動すると、アニメーションが再生されて 0 度に留まり、マウスが離れると別のアニメーションが再生され、回転して -8 度に戻ります。 consstelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  488

キーを指定してキーの最初の数層を取得する方法。JavaScript を使用するのが最適です。

{ {code...} } オブジェクトのデータ構造はこんな感じです AttackArrow.jsonというファイル名がわかったら、このファイル名から特殊効果1/特殊効果1_1を取得したいのですが、取得方法は同等ですファイル AttackArrow.json をクリックします。それがどのフォルダー ディレクトリにあるか知りたいです。

三叔 2017-06-28 09:28:20 0  2  823

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

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

漂亮男人 2017-05-18 10:49:41 0  4  616

JSでmargintopを修正して無限スライドを引き起こす方法についてアドバイスをお願いします。

それが起こったのです:。 。 。 。 Web ページを作成しましたが、Web ページの下半分は読み込み後に自動的に上に移動するまで 3 秒待つ必要があるため、Jquery の animate メソッドを使用しました: $("#part2").animate({marginTop: "-=800px " }, 8000); Rango、この方法を使用した後、マウス ホイールを削除できないことがわかりました。そこで、JS コードを使用してホイールの動きを監視しました。

天空翱翔 2021-10-28 09:20:51 0  2  906

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

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

给我你的怀抱 2017-06-12 09:32:10 0  1  874

tp5.1 モジュールの構成ファイルが無効です

5.1をcomposerでダウンロードし、adminモジュールを追加し、設定ファイルを追加し、常にルートディレクトリの設定を取得する 新たに追加した設定ファイルdie()のデバッグは効果がありますが、内容は取得できません。

盖伦 2019-07-21 00:35:49 0  0  928

CSS スタイルがサイトに適用されない

Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変化し、トランジション効果が得られます。ここからここまでになるはずです。ただし、サイトの背景をランダムな色に変更しようとすると、変更がサイトに反映されないため、HTML にリンクされている CSS に問題がある可能性があります。 @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  619

javascript - Weex の <text> のテキスト クリック効果

weex のテキストにはデフォルトではクリック効果がありません。公式サイトではプレスステータスを取得する方法が見つかりませんでした。Android のセレクターのような機能を実装できる人はいますか?

ringa_lee 2017-05-19 10:33:24 0  3  604