サイト内リンクでページ遷移するAjaxサイトの作り方

« ツールチップ表示に使えるかっこいいスクリプト35 | メイン | Twitterで話題のサイトをランキングする『twitty』、公開 »

Ajax | 09.12.04 17:15
はてなブックマーク

サイト内リンクでページ遷移するAjaxサイトの作り方

yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。

↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。

リロードが必要ないので、ページ移動がスムーズで気持ちいいですね。

デモは以下から。

Try the tutorial!

XHTMLとCSS、JavaScriptソースが載っているので、一度見てみてください。

Creating AJAX websites based on anchor navigation

今日のCREAMU

Amebaとロクナナのイベントが発表されました。友人がイベントに興味を持っていたので、以前打ち合わせにきてもらったのです。その後実現に至ったようでうれしいですね。

名村くんと浦野くんも出ますね。興味のある方はぜひ!12/8正午から申し込み開始となっています。

Ameba x ロクナナワークショップ One Day College

この記事のトラックバックURL:

コメント投稿

    Thinkstock
    メルマガ

    このブログをメルマガで購読するには、↓にメールアドレスを入力してください。

    配信:FeedBurner

    アーカイブ

    カテゴリー

    あわせて読みたい
    フィードメーター - CREAMU
    人気のエントリー

    アーカイブ

    カテゴリー