search :

archive :



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

Ajax サイト内リンク 遷移

_JavaScript | December 04, 2009, 17:15
はてなブックマーク

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

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

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

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

デモは以下から。

Try the tutorial!

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

Creating AJAX websites based on anchor navigation

Editor's Note

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

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

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

Trackback URL :

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :