まだデータがありません。
キーボードやクリックでアニメ効果スクロール「Scrollocue」
当ページのリンクには広告が含まれています。
スポンサーリンク
キーボードやクリックでアニメーション・スクロールを実装するプラグイン「Scrollocue」を紹介します。
jQueryプラグイン「Scrollocue」
このプラグインを使えば、キーボードのキー入力、マウスのクリックで画面をアニメーション・スクロールする効果をサイトに付加することができます。
いろいろなショートカットキーが用意されているので、おもしろいスクロールをサイトに付加することができます。
スポンサーリンク
それではデモページをスクロールしてみてくさい。
デモのソース(HTML + jQuery)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Scrollocueのデモでーす。"> <title>Scrollocue - jQueryプラグイン</title> <style> #container { position: fixed; } h1, p { font-size: 100px; } </style> </head> <body> <div id="container"> <h1>Scrollocue のデモでーす。</h1> <p>「矢印」キー</p> <p>「スペース」キー</p> <p>数字の「1」キー</p> <p>「r」キー</p> <p>「j」キー</p> <p>「k」キー</p> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="scrollocue.js"></script> <script> $('#container').scrollocue(); </script> </body> </html>
スポンサーリンク