jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’実装ã™ã‚‹ãƒ—ラグイン「Scrollable〠| Web活メモ帳Scrollableã¯htmlをスクãƒãƒ¼ãƒ«ã•ã›ã‚‹jQueryã®ãƒ—ラグインã§ã™ã€‚ 特徴的ãªã®ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ–¹æ³•ã‚’カスタマイズ出æ¥ã‚‹ã“ã¨ã§ã™ã€‚ 以下ã®4通りã«å¯¾å¿œã—ã¦ã„るよã†ã§ã™ã€‚ ・左å³ã®ãƒœã‚¿ãƒ³ã‚’押ã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³• ・ナビゲーションメニューをクリックã—ã¦æŒ‡å®šã®ä½ç½®ã¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³• ・自動å†ç”Ÿ ・マウスホイールã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹æ–¹æ³• è¨å®šæ–¹æ³•ã‚‚javascriptã‚’1行埋ã‚込むã ã‘ã§è‰¯ã„ã¿ãŸã„ã§ã™ã€‚ $("#infinite").scrollable().circular(); ナビゲーションã®æ–¹æ³•ã‚’変更ã—ãŸã„å ´åˆãªã©ã«ã„ã‹ãŒã§ã—ょã†ã‹ã€‚
Scrollable plugins in action
http://flowplayer.org/tools/demos/scrollable/plugins/chain.htm
{{#tags}}- {{label}}
{{/tags}}