デモ:基本的なヒストリー(履歴)操作

jQuery toolsによる「基本的なヒストリー(履歴)操作」の動作デモです。
各要素をクリックすると、アドレスバーの末尾に#とid値が指定され、ブラウザに履歴を残すことができます。

サンプルコード

HTMLのサンプル

<a href="#history1">クリックテスト1</a> |
<a href="#history2">クリックテスト2</a> |
<a href="#history3">クリックテスト3</a> |
<a href="#history4">クリックテスト4</a>

CSSのサンプル

Javascriptのサンプル

$(function() {
	$("#example a").history(function(event, hash) {
		// ここにクリックした時に実行することを記述
	});
});