HTMLによる記述のみでショートカット、頭出し、前後ページなど 各種指定を簡単に行えます。

括弧指定によるショートカットの動作をフォーカスにしています。

JavaScriptで各種指定を行ったサンプルです。 このサイトのように 文書構造をプログラムで管理している場合に便利です。 また自前のハンドラ関数を定義すれば複雑な処理が可能です。

KeyNaviの機能は「Ctrl・ALT・Function」キーを使うもののみ有効にした例です。 「Ctrl-矢印」によるフォーカス移動や指定したショートカットについては動作します。 一方、ユーザがどのフォームにもフォーカスせずにうっかり テキスト入力用のキーを押した場合にはページは動きません。

同様に「ALT-左右矢印」や「Ctrl-R」「右クリック」を無効にしたサンプルです。

レイヤーの重ね順を変更し写真(レイヤー)アニメーションを実現します。 スクリプトの記述は不要です。 HTMLでレイヤーの記述をするだけでOKです。 詳しくは 写真なび [Shift-I]を見てみて下さい。

上記アニメーションを「ShiftI/K」などで制御する例です。 キーハンドラ関数を定義してショートカットを割当てています。