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

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

P粉548512637 2024-04-01 21:51:26

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

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

PHP中文网 2017-05-19 10:30:36

nginx をリロードする必要がなく、アップストリームの設定がリアルタイムで動的に有効になるようにするにはどうすればよいですか?

nginx をリロードする必要がなく、アップストリームの設定がリアルタイムで動的に有効になるようにするにはどうすればよいですか?

我想大声告诉你 2017-05-16 17:14:48

Vim で、段落が自動的に折り返されて 1 行としてカウントされる場合、J キーと K キーを使用して各「行」間を移動できるようにするにはどうすればよいでしょうか?

Vim の行が Emacs で自動的に折り返された後も、C-p と C-n を使用して行間を移動できます。これらの行は実際には 1 つの長い行です。 Vimでは動かないのですが、HJKLを使って素早く位置決めできるようにしたいのと、行全体を壊したくないので直接Wordに貼り付けられるようにしたいのですが、何か方法はあるでしょうか...

迷茫 2017-05-16 16:40:34

javascript - vue2.0 のレンダリングリスト li のコントロールを通じて属性を追加する動的 v-bind:class は、すぐには有効になりません

たとえば、コードは次のとおりです。ステップ 1: サーバーからデータオブジェクト配列を取得します: [obj, obj, obj]、ステップ 2: ブラウザオブジェクト obj を各サブオブジェクトに追加します: {code...} ステップ 3: バインドこの属性を HTML 構造に追加して動的クラス {code...} を制御すると、結果は次のようになります。

给我你的怀抱 2017-05-19 10:13:11

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

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

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

商品の在庫がなくなった場合にカートに追加する前に Woocommerce

製品説明をバリエーション (カスタマイズ) の前とフック「woocommerce_before_add_to_cart_form」を使用して「カートに追加」ボタンの前に移動しました。良い結果。問題は、製品が私の在庫にない場合、このフックはまったく起動せず、製品の説明が表示されないことです。バリエーションの前や在庫切れの商品に説明を追加するにはどうすればよいですか?

P粉476883986 2024-03-29 22:56:31

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

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

P粉289775043 2024-03-27 20:29:28

javascript - js (Vue) 実践：@を入力すると関連候補が自動で表示される方法は？

効果は次のとおりです。効果の説明: 1. ユーザーが @ 記号を入力すると、オプションリストが表示され、オプションリストは自動的に @ 記号の後ろに配置されます。 (現在のアイデアは、入力文字が @ であるかどうかを動的に監視し、カーソルの移動位置にリストボックスが表示されるというものです。) 2. ユーザーが @ を入力すると、ユーザーは入力を続行するという選択を無視します。。

PHP中文网 2017-07-05 11:03:32

swift - iOSキーボードが表示されるか消える問題

望ましい効果は、キーボードが表示されると、下部にあるボタンとラベルが自動的に上に移動してキーボードの上に来ることです。キーボードが消えると、ボタンとラベルは自動的に一番下に戻ります。スクロールビューを追加してキーボードの状態を監視する方法をとりましたが、問題が発生しました...

过去多啦不再A梦 2017-06-06 09:53:33

Shopify、フィルタリングされた製品リストの進むボタンと戻るボタン

コレクションページの商品ページに表示される進むボタンと戻るボタンを作成しようとしています。コレクションページでフィルターを選択し、商品をクリックすると、ユーザーが選択したフィルターに基づいて、リストされた商品間を進む、または戻るボタンを作成したいと考えています。私のボタンは、コレクションページ全体を前後に移動するだけです。フィルターに基づいてリストされた製品を処理するには、以下のコードを書き直すにはどうすればよいですか? {%-liquidassignprevious_product=collection.previous_productassignnext_pro

P粉222320176 2024-01-10 17:32:46

javascript - vue2.0 transition hover事件

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

大家讲道理 2017-05-19 10:30:59

スライダー追跡アニメーションを無効にすることはできますか?

MUI にはスライダーコンポーネントがあります: https://mui.com/material-ui/react-slider/ ナブで再生されるアニメーションを無効にして新しい位置に移動し、移動する方法を見つけようとしています。すぐに。これを行う方法はありますか?

P粉460377540 2024-03-28 19:17:20

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

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

天空蓝 2023-04-16 12:00:36

REACT - ポストブラウザボタンでのページの再レンダリングを回避します。

多くの製品を表示するカタログページがあります。ユーザーが下から選択できる製品の 1 つ (たとえば、製品番号 1000) をクリックすると、別のページに移動して内容などを確認します。ボタンブラウザがカタログページに戻ると、すべてが再度表示されます。これは当然のことですが、前に選択した製品にスクロールバーを配置するのに時間がかかります。ユーザーがページの上部で特定の製品 (たとえば、製品番号 4) を選択すると、すべてが正常に動作しますが、ページの下部に移動すると、シナリオが開始されます。 REACTでこのディレクトリページをキャッシュする方法はありますか

P粉733166744 2024-03-27 14:50:53

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

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

漂亮男人 2017-05-18 10:49:41

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

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

javascript - js を使用してトランジション効果を作成するにはどうすればよいですか?

私はjsにあまり詳しくないので聞きたいのですが、jsを使用してボタンをクリックし、5秒後にdivが右側の500pxに移動した場合、この効果を作成するアイデアは何ですか?これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?しかし、クリックイベントでは...

滿天的星座 2017-06-26 10:54:58

Nuxt 3 動的ページは URL を変更しますが、コンテンツは同じままで、データは 1 回だけフェッチされます

products/index ページがあり、メインの製品ページ内に products/[slug] があり、ページを変更して products/[slug] に移動してその製品のデータを取得するための NuxtLink があります。最初のクリックでは正しいデータが得られますが、戻るをクリックするか、製品/インデックスページをクリックして別の製品をクリックしようとすると、最初にクリックした製品と各製品の情報が表示されます。もう一度最初にクリックした商品に関する情報。 console.log を使用すると、取得したデータが正しくないことがわかりました。

P粉476883986 2023-11-03 14:39:04

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

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

学习ing 2017-06-12 09:32:56