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

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

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

javascript - vue2.0 transition hover事件

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

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

javascript - イベントの実行終了直後にイベントを停止する方法

マウスの移動インと移動の非表示イベントを設定しているのですが、マウスを複数回スライドさせると複数回実行されてしまいます。マウスの移動イベントの実行直後にイベントを停止するにはどうすればよいですか? {コード...}

ringa_lee 2017-06-14 10:54:31 0  5  864

Vue トランジションのトランジション遅延を削除するにはどうすればよいですか?

Vue を使用して、マウスを画像の上に置くとテキスト ボックスが上に移動してフェードインするようにアニメーション化しています。アニメーションは正しいですが、開始するまでにわずかな遅延があります。画像をホバーするとテキスト ボックスがスムーズにフェードインし、上に移動し始めるようにしたいと考えています。テキスト ボックスは適切にフェードアウトし、カーソルが離れると下に移動します。テンプレート:`{{バッジ[アイテム].説明}}`、メソッド:{hoverStart(i){this.hoveredIndex=i;}、

P粉757432491 2023-08-17 17:36:49 0  1  521

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

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

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

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

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

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

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

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

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

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

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  782

JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  620

モバイル ブラウザでリンクの title 属性、つまりマウスを置いたときにチップ効果があることを確認するにはどうすればよいですか?

パソコンでは閲覧できますが、携帯電話ではマウスオーバー動作ができないのですが、title属性の効果を高めるjsスクリプトはありますか？

阿卡 2018-10-18 15:37:43 0  3  1427

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30 0  1  859

JQ の ajax について

jQのajaxを使用してpostでデータを送信し、phpで作成した検証コードと比較してイベントをトリガーすると、データの比較とHTML要素のタグの追加は有効ですが、検証の成否でマウスが操作できなくなります。入力ボックスに移動し、PHP 検証コードを部分的に更新するには、ブラウザーを更新することしかできません。コードは次のとおりです: $("#yzm").change(function (event) { var yzm_num = $(this). val(); &nbsp

水东水南 2018-10-29 18:26:55 0  2  1072

マウス ホイールを使用してページをズームし、クリックしてドラッグしてページをパンします

マウス ホイールを使用してページ全体にスクロールとパンの効果を作成するにはどうすればよいですか?基本的には他の 2D エディターと同じように、スクロールしてズームし、クリックしてドラッグしてパンしますが、対象となるのはボディ全体です。それに関する情報はオンラインで見つかりません。

P粉308783585 2024-03-26 14:11:27 0  1  369

javascript - ボタン タグを使用するときにマウス イベントとキーボード イベントの間の切り替えでエラーが発生しますか?

ちょっとしたくじ物を作りました。スタートボタンとストップボタンはボタンラベルです。マウスでスタートを押して人数を入力するとき、Enterを押して一時停止するのはOKですが、もう一度Enterを押すと開始し、もう一度Enterを押して終了するのではなく、すぐに停止します。未使用ですので、キャン...

習慣沉默 2017-05-18 10:54:36 0  3  594

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

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

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

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

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

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