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

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

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

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

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

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

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

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

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

javascript - vue2.0 transition hover事件

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

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

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

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

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

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

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

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

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

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

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

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

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

ボタンをアクティブにするとホバー効果が誤動作する

私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました。最初は、アクション ボタンのホバー効果がうまく機能し、ホバーするにつれて色が明るくなりました。ボタンを押すと、ボタンが明るくなり、ユーザーが別の番号 (または「等しい」ボタン) を入力して前の番号で何かを行うまで、その状態が維持されます。その後、アクションボタンは通常の色に変わります。それまでは何も問題はなかったのですが、ユーザーがボタンを押した後、

P粉548512637 2024-04-01 21:51:26 0  1  646

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

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

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

javascript - マウスを要素に移動すると要素の色を変更し、要素を離れると元に戻す JS ネイティブ コードを教えてください。

バブリング イベントを学習し、コードを入力し、オンライン記事に基づいて細かい変更を加えました。質問があります: 1. 最終的な目標は、マウスが上に移動したときに色の変化を実現することです。これを達成するにはどうすればよいですか? 2. 次の li 要素をクリックすると、前にクリックした要素の色が復元される問題を解決するにはどうすればよいですか?何かアイデアをください、兄弟たち...

世界只因有你 2017-05-19 10:30:58 0  7  991

JavaScript - div はリンクです。マウスを上に動かすと、「もっと見る」ボタンなどの div が表示されます。これを行うにはどうすればよいですか?

div はリンクです。マウスをその上に移動すると、「もっと見る」ボタンなどの div が表示されます。

怪我咯 2017-07-05 10:40:58 0  4  922

javascript - vue 遷移効果 css クラス名の遷移順序

要素のトランジションをデザインします。理想的な効果は、要素が表示されると高さが増加し、消えると高さが減少することです。設計したコードは以下の通りです: {Code...} 結果要素が出現すると高さは直接100pxに達し、それが消えると通常になります コードを修正する順序は次のとおりです: {Code...}問題は解決しましたが、なぜこのような順序になったのかわかりません...

黄舟 2017-06-26 10:55:15 0  4  706

css - angular フロントエンドはどのようにして ng-repeat の内容を整列させて実行しますか?

html コード: {コード...} js: {コード...} js 命令: {コード...} marquee.html {コード...} 現在の効果は次のようになります: 1 行ではありません。 4<5<6 と表示されるように線にする方法。マウスが 4 に移動するとスクロールが停止し、プロンプトがポップアップ表示されます。

给我你的怀抱 2017-05-15 17:04:09 0  4  678

境界線の半径: 50% が機能しない | CSS/HTML/JS

ここでのポイントは、追加効果として div の位置をマウスに設定することです。半径が必要ですが、機能しません: letinner_circle=document.getElementById("inner_circle");window.addEventListener("mousemove",function) (マウス) {inner_circle.style.transform=`t

P粉462328904 2024-03-31 12:57:32 0  2  496

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

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

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

JavaScript - 右側のメニューがターゲット位置を正しく見つけることができません。つまり、サブメニューが消えた後もマウスが元の位置に留まります。詳細については、画像を参照してください。

これが私のマウスの現在の場所です。次に、マウスをカルチャー センターに移動したいと思います。下の図では、上のサブメニューが格納される必要があることを示していますが、マウスの位置は格納されず、信用監視メニューにスライドします。カルチャー センターに戻りたい場合は、今すぐクリックすることしかできません。マウスを上に移動します。これはユーザー エクスペリエンスに影響しますが、できるのは...

曾经蜡笔没有小新 2017-05-19 10:28:27 0  1  417

javascript - Jqueryを使用して2つのDIVイベントを同時に決定する

jQuery を使用して、マウスが DIV1 と DIV2 から同時に移動したことを確認し、alert('abc'); イベントをトリガーします。達成方法

代言 2017-06-26 10:50:51 0  4  908

angular.js - マウスをホバーすると angularjs ラベルが点滅し続ける

angularjs を使用してマウスオーバー イベントを作成したところ、マウスが押されたときにラベルが点滅し続けることがわかりました。 angular コードは次のとおりです。 {code...} このコードで達成される効果は何か問題がありますか?ログインが成功するまでマウスを移動すると、「ホームに入る」タブが表示されます。 問題を解いてください...

巴扎黑 2017-05-15 17:07:12 0  3  714

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08 0  3  969