简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html - jquery で setInterval を使用して歯車をループでスクロールさせる
習慣沉默
習慣沉默 2017-05-16 13:25:04
0
3
749

  1. 歯車があるので、マウスをホバリングするとスクロール イベントがトリガーされます

  2. 私が作成したいアニメーションは、ページが読み込まれた後、歯車が展開し、しばらくすると再び元に戻るというものです。
    右スクロールと左スクロールは実現できるのですが、jqueryで「一定時間後+ロールアウトとロールバック」の書き方が分かりません

html:

リーリー

CSS:

リーリー
習慣沉默
習慣沉默

全員に返信 (3)
仅有的幸福
仅有的幸福2017-05-16 13:27:04 3棟

リーリー

いいねを押す+0
返信を追加
    滿天的星座
    滿天的星座2017-05-16 13:27:04 2棟

    時々setInterval関数を使用してください:

    リーリー
    いいねを押す+0
    返信を追加
      小葫芦
      小葫芦2017-05-16 13:27:04 1棟

      方法 1: 純粋な CSS 実装
      2 つの歯車に左スクロール スタイルと右スクロール スタイルを追加します
      html

      リーリー

      無限ループスクロールアニメーションをスタイルに追加しました。
      外出してしばらくしてから戻る必要がある場合は、translate(-1000px)の値を 2000px などに増やして、必要に応じて制御できます。
      translate の値が増加したら、それに応じて回転の値も増加する必要があり、必要に応じて調整することができます。
      CSS

      リーリー

      方法 2: jquery コントロールを使用する
      jquery コントロールを使用したい場合は、CSS を変更する必要があります

      リーリー

      js

      リーリー
      いいねを押す+0
      返信を追加
        人気のトピック
        詳細>
        人気の記事
        人気のチュートリアル
        詳細>
        関連するチュートリアル
        人気のおすすめ
        最新のコース
        最新のダウンロード
        詳細>
        ウェブエフェクト
        公式サイト
        サイト素材
        フロントエンドテンプレート
        私たちについて 免責事項 Sitemap
        PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！