Blog

別のページをjQueryのajaxを使って読み込み表示させる

2015.10.06Cat:jQuery デザイナー

jQueryのajaxを使って別のページ(html)をページ内のある部分に読み込み表示させてみました。

概要

index.htmlにて、メニューのボタンを押すと、
$.ajaxにて、1.html(~4.html)のファイルを読み込み、
ページ内に表示させています。

今表示させているページのボタンを押すと、なにも起こらないようにしています。

デモは以下になります。

DEMO

【html】

【jquery】

ページの切り替え時にエフェクトをつければ、
いい感じの遷移になると思います!

これを応用させれば、infinitescrollみたいな感じが作れるかな??
phpが絡んで来るんでぜんぜん違うかな??

やりよう次第で、もっと画期的かつかっこ良いコンテンツができそうですね!

Author Profile

Y.A

アベと申します。
ディレクター兼デザイナー兼コーダーです。
まだまだ未熟者ですが、日々頑張っています。。。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ