[JS]複数のパネルをアニメーションでスライド表示させるスクリプト -fixedTo

Post on:2011年3月8日

sponsors

補助系のメニューやちょっとしたアナウンスを掲載するのに最適なパネルをアニメーションでスライド表示させるjQueryのプラグインを紹介します。

[ad#ad-2]

デモでは、ブラウザ枠の左と下側から2枚のパネルがアニメーションでスライド表示され、表示位置はスクロールしてもブラウザの枠に対して固定位置に表示されます。

fixedToの実装

パネルはdiv要素を使用し、テキスト・画像・リンクなどあらゆる要素を設置可能です。

[ad#ad-2]

「jquery.js」と「jquery.fixedto.min.js」を外部ファイルとし、下記のスクリプトを記述します。

$("elemento").fixedTo({
	"posicion":"left",
	"ancho":360,
	"alto":70,
	"ocultar":true,
	"animar":true
});