KOYO DIGITAL WORKSパーツギャラリー

ページ表示、遷移時にフェードイン・フェードアウト

  • Chrome
  • Firefox
  • IE11
  • IE9
  • iPhone(iOS8)
  • Android4.2

デモ

フェードしてページ遷移

フェードしないでページ遷移

  • jsファイルを読み込んでいると、ページ表示時にフェードインします。
  • ページ遷移時に現在のページをフェードアウトし、遷移先のページをフェードインして表示します。
  • 現在のページ、遷移先のページともにjsを読み込む必要があります。
  • タッチデバイスではフェードの動作をしない仕様です。
  • リンクは、classに「pageFade」を指定すると、フェードの動作をします。

おすすめコンテンツ

WEBデザイナー/フロントエンドエンジニア 正社員募集中 リッチな動きをWebサイトに パーツギャラリー デザインギャラリー 様々な角度からWebサイトをサポート!Webサイト制作
ページの先頭へ