javascript - ページの読み込みアニメーション効果が表示されない？

1. 現在取り組んでいるプロジェクトはデータ テーブル ページですが、バックグラウンド クエリに時間がかかるため、ユーザー エクスペリエンスを向上させるために、読み込みアニメーションが追加されています。アニメーションを読み込むためのプラグインには問題はありませんが、メソッドの実行中にアニメーション効果が存在しないことがわかります。 2. コードを直接貼り付けます。 jsを始めましょう...

迷茫 2017-05-19 10:18:28 0  4  730

JavaScript - SVG初心者、SVGに画像を挿入したい

コードは上記の通りです。SVGに画像を挿入してアニメーションさせたいのですが、効果がありません。説明してください...

代言 2017-06-24 09:44:02 0  1  929

JavaScript - Apple の携帯電話で css3 アニメーション効果が表示されないのですが、どうすれば解決できますか?

アニメーション効果は animate.css によって実現されます。Android 携帯電話のブラウザ、WeChat、QQ はすべて正常に動作します。ただし、Apple 携帯電話には互換性の問題があります。これを解決するにはどうすればよいですか?オンラインアドレス https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1460

svgアニメーションとcss3アニメーションの長所と短所は何ですか?

RT、トランジション アニメーション効果はどのような状況で、どのソリューションに適していますか?

曾经蜡笔没有小新 2017-05-16 13:21:17 0  1  682

ストローク効果のあるSVGグラデーション

このコードを見つけました<svgxmlns="http://www.w3.org/2000/svg"viewBox="-1-13434"><circlecx="16"cy="16"r="15.9155"class="プログレスバー__背景"/&

P粉193307465 2023-08-29 09:30:52 0  1  568

グレースケール SVG がアルファに変換されると明るさが低下するのはなぜですか?

SVGを使用して透明な「星空」効果を作成しようとしています。 Web ページ上の黒い背景要素内に SVG をインラインで配置しています。まず乱流フィルターから始めて、次にカラー マトリックスを適用して目的の効果を実現しました。 <svgxmlns="http://www.w3.org/2000/svg"><filterid="filter"><feTurbulencebaseFrequency="0.2&q"

P粉986937457 2024-02-26 18:01:19 0  1  359

javascript - jQuery はモバイル ページで効果音のプリロードをどのように実装しますか?

モバイルページのアニメーションに効果音が付きますが、音楽の最初の読み込み時に効果音が遅れます。この問題を解決するにはどうすればよいですか?

phpcn_u1582 2017-05-19 10:41:56 0  2  641

JavaScript - ページにアニメーションを追加し、WeChat ブラウザでカオスを表示し、応急処置をします。

何か良いアニメーション ライブラリをお勧めできますか? ? ? WeChatでの優れた表示効果

怪我咯 2017-05-17 09:56:47 0  4  754

JavaScript - トランジションの高さの自動トランジションアニメーション

1. 縮小時にアニメーション効果がないのはなぜですか? 2. コード {code...} 3. オンライン デモ (解決済み)

大家讲道理 2017-05-16 13:21:31 0  3  838

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1078

なぜStop()をanimateの前に置く必要があるのでしょうか?

こんにちは、先生。コースコードにそのようなコードがあります。 $('.block').stop().animate() のアニメーション効果。なぜ stop() を animate() の前に置く必要があるのですか

善為 2019-01-09 10:51:29 0  2  1139

javascript - jqueryのアニメーションのbackground-position-yはIE上で毎回0から始まります

http://jsbin.com/yolexeqidu/1... IE9以降ではjqueryのアニメーションのbackground-position-yが毎回0から始まりますが、IE8以下ではChromeやFirefoxではこの現象は発生しません。アニメーション効果が次々とジャンプしていきます コードは次のとおりです {code...}

迷茫 2017-05-19 10:32:46 0  1  685

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  554

JavaScript - vue でニュースリストを上下にスクロールさせる方法

これはループ内で再生されるデータ部分です {コード...} これは私の現在のコードです。アニメーション効果なしでループ内でのみ切り替えることができます {コード...}

淡淡烟草味 2017-05-19 10:43:20 0  3  918

CSS - アニメーションの色の変更の問題

これは初期のカラー値です。詳細についてはデモを参照してください。しかし、アニメーション効果を書いた後にカラー値が変わります。これはなぜですか?アニメーションのカラーを初期値のカラーと一致させるにはどうすればよいですか?

世界只因有你 2017-06-28 09:27:36 0  1  1261

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

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

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

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

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

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

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

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

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

JavaScript - このモーション関数の遅延器の前にプロパティをカスタマイズする必要があるのはなぜですか?

この関数は、アニメーション効果を作成するために使用されます: {code...} 最後の文 elem.movement=setTimeout(repeat,interval) と上の文 if(elem.movement){ {code...} については、私は知っています。再度実行する際に前回実行した関数を終了する機能なのですが…。

为情所困 2017-05-19 10:18:30 0  1  487

HTML マークアップで SVG を直接使用すると、ボタンに役割を割り当てたり、必要なホバー効果を付与したりすることができません

2 つの機能を実行するアイコンを持つコンテナがあります: ボタンのように動作します (キーボード/スクリーン リーダーなどを介してアクセス可能) ホバー/フォーカスで赤になります。 マークアップ内で SVG を直接使用すると、ホバー効果が停止します。期待どおりに機能しますが、img タグを使用する場合のように SVG にボタンの役割を割り当てることはできません: .container{height:500px;width:400px;background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  616