[JS]極シンプルなマークアップで、コンテンツを横にスライドさせナビゲーションを表示するスクリプト -Slideout.js

Post on:2015年3月9日

sponsorsr

非常にシンプルなマークアップで、コンテンツをアニメーションで横にスライドさせ、ナビゲーションを表示するスクリプトを紹介します。

jQueryなど他のスクリプトは不要で、4KBの超軽量スクリプトです。

Slideout.jsのデモ

スクリプトはスマホやタブレットなどモバイル用ですが、デスクトップでも動作します。

ダウンロードファイルのデモでは、メソッドやオプションなどさまざまな情報が含まれています。

ダウンロードファイルのデモ

当スクリプトとスタイルシートを外部ファイルとして記述します。

[html]

...

...

[/html]

ナビゲーション（#menu）とコンテンツ（#panel）を実装します。
idは変更可能です。

[html]

コンテンツ

[/html]

オプションを定義し、スクリプトを実行します。

[javascript]

[/javascript]