1. >
  2. >
  3. ページ切り替えのぐるぐるjquery ローディングの入れ方

ページ切り替えのぐるぐるjquery ローディングの入れ方

ローディングのイメージ
PHP

更新日:

ページ切り替えのぐるぐるとか、サイトのロゴがでたり、アイコンがでたり、
ワードプレスのテーマによってはもともと付いていたり、変更できたりしますが、
そうじゃない!こうしたい!といってもできないときありますよね。

意外とめちゃくちゃ簡単に入れられるのでご紹介。
参考にしたサイトと、ぐるぐるさせたい装飾の参考は以下

・ローディング参考:

コピペで簡単!シンプルなローディング画面

・cssコピペできるサイト:
https://tobiasahlin.com/spinkit/
https://epic-spinners.epicmax.co/#/
https://projects.lukehaas.me/css-loaders/

※デベロッパーで抜けるサイト
http://www.css-spinners.com/

・sng
https://codepen.io/slyka85/pen/QvBQPb/

やることは3つ

headerに入れる

直前

閉じる直前ね!footerじゃないよ!

あとは、適当に入れたい装飾を入れ替える!
例だけど以下

ベースはこれ。
これさえ入れていれば、ちょうどいいところに表示される。
あとは、コピペサイトとか参考サイトから持ってきた装飾を追加してあげればOK!

カテゴリー: PHP

検索語を上に入力し、 Enter キーを押して検索します。キャンセルするには ESC を押してください。

トップに戻る