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

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

滿天的星座 2017-06-26 10:54:58 0  6  955

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

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

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

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

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

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

css - angular前端如何让ng-repeat的内容并排一行，跑起来呢？

html代码： {代码...} js: {代码...} js指令： {代码...} marquee.html {代码...} 现在的效果是这样的：不是一行的。如何让其变成一行，这样显示：4<5<6,并且当鼠标移动到4上，停止滚动，并且弹出一个提示...

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

angular.js - 请问angularjs1.x 如何实现滑动门？

大家好，初学angualr，我想实现一个滑动门效果。 比如 我点击首页，跟首页这个标签添加一个active，然后点击其他的标签时候，移除这个首页的active，将这个active添加到当前的标签。 实在没头绪，太菜了，求助一...

过去多啦不再A梦 2017-05-15 17:01:16 0  1  491

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

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

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

JavaScript - vscode を必要に応じてカスタマイズする方法

vscode カスタマイズで実現したい効果は、ショートカット キー JS を押して変数 A をクリックして変数 A の宣言にジャンプすることです。CSS ではクラス名 B をクリックして B{...} にジャンプします。未使用の JS 変数または CSS クラス名がグレー表示され、JS 矢印機能が自動的に完了します。タブを閉じたときに項目リストが自動的に配置されないはずです...

代言 2017-07-05 10:38:58 0  1  919

JavaScript - ナビゲーション Web サイトの検索ボックスに入力カーソルのフォーカスを自動的に取得させるにはどうすればよいですか?

たとえば、このナビゲーション Web サイト (https://www.2345.com/) を開いた後、カーソルが Baidu 検索ボックスに自動的に配置されず、ID を取得して focus 関数を呼び出そうとしましたが、機能しませんでした。この Web サイトを開くたびにこれを実現するための JS コードを作成するにはどうすればよいですか? 自動的にフォーカスを取得する場合はどうすればよいですか? その効果は https://www.hao123.com/ のようなものになります。

PHP中文网 2017-06-12 09:28:26 0  2  815

angular.js - angular的移动端适配问题

1,如果需要现有的已完成的angular web项目适配移动端，实现类似原生app的效果需要哪些工作步骤或者额外的工作2,如果使用angular做一个新的项目而要求实现移动端适配(像原生app那样)，需要什么样的步骤。3,适配移...

某草草 2017-05-15 17:02:44 0  2  669

javascript - innerHTML コンテンツに js インポートがあるか、ステートメントが適切に実行できません。

innerHTML を使用してノードにコンテンツを追加する場合、innerHTML 文字列に <script> タグが存在すると、タグ内の js ステートメントを実行できず、src 属性が無効であることがわかります (外部 js ファイルはインポートできません)。 。この問題を解決するにはどうすればよいでしょうか?

習慣沉默 2017-06-30 09:58:51 0  2  899

javascript - モバイル端末で横スクロールを実装後、行の折り返しが発生する問題があるのでアドバイスをお願いします。

図に示すように、並べて表示する必要があるラベル コンテンツが 2 つあり、2 番目のラベル コンテンツが幅を超える場合にスライド表示効果を設定する必要があります。本来のエフェクトはこんな感じで、文字数が多すぎると2行になってしまうのですが、これを1行にして余分な部分はスクロールさせたいのでこんな感じで書きました。しかし...

某草草 2017-06-12 09:25:32 0  1  580

css - CSSカルーセル切り替えアニメーション

図のように、JSで書いたアニメーションに過剰なエフェクトを設定するとこのような状況が発生しますが、JSではこの状況をどう変えることができるのでしょうか？ {コード...}

習慣沉默 2017-06-12 09:33:00 0  1  869

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

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

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

css3 - トランジション変換の最初の display:block に移動効果がないのはなぜですか?

https://jsfiddle.net/zjmove/2... ---xiaoboost の回答を読んだ後 --- 結局、これが最も適切な変更です: https://jsfiddle.net/25d3ga9j... 私はしませんでした。実際、次のアニメーションは必要なく、右から左への左の効果だけが必要です。なぜ初期表示:blo...

PHPz 2017-05-16 13:24:58 0  1  1268

html5 - Vue バインディング動的変数は使用できません

図に示すように、temp['attachment_mane'+item] はカーソル位置で動的変数にバインドされていますが、変数が変更された後は効果がありません。

怪我咯 2017-06-17 09:17:06 0  1  912

gvim - vim で一時的に挿入モードを終了し、通常モードに入るにはどうすればよいですか?

タイトルの通り、括弧を打ち終わるときにカーソルを移動させる必要があるのですが、矢印で移動させるとカーソルが手から離れてしまうので、最初にEscを押すと少し面倒です。通常モードに戻るには、押したときに通常モードになるキーがたくさんありますか?

PHPz 2017-05-16 16:39:12 0  5  1169

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

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

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

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

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

PHP中文网 2017-07-05 11:03:32 0  3  3626