デモ:マスクの背景に任意の画像を指定

jQuery toolsによる「マスクの背景に任意の画像を指定」の動作デモです。
この画像をクリックすると、エクスポーズ処理がかかります
マスク部分をクリックで解除

サンプルコード

HTMLのサンプル

<img src="http://nekodama.sakura.ne.jp/images/webdev/jquerytools/thumbSet/cat480x300f.png" class="cat" />

CSSのサンプル

#catbg{
	background: url(http://nekodama.sakura.ne.jp/images/webdev/jquerytools/thumbSet/cat80x50f.png);
}

Javascriptのサンプル

// 基本的なセットアップ
$(function() {
	$("#example .cat").click(function() {
		$(this).expose({
			color: null,
			maskId: "catbg",
			opacity: 0.5
		});
	});
});