Alton

JavaScript

コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

Altonはコンテンツごとに縦スクロールすることによりWebページをナビゲートできるjQueryプラグインです。ブラウザいっぱいに広がるフルスクリーン表示でスクロールしていくことができるので、インパクトあるWebページを作りたい時によさそうですね。

Alton

Altonのデモ動作は以下のページからチェックすることができます。

Alton

デモ

上記のデモは右側にページナビゲーションも付いているので、自分が今どの辺りにいるのかすぐに確認することができます。

スクロールすると各パネルごとにストップするので、テンポ良くナビゲートしていきたい場合には非常に有効ですね。

また、ブラウザ全体を使ったフルスクリーンで表示されるのでとても見やすいですしコンテンツにも集中しやすいなぁと思いました。

マークアップの記述や使い方もシンプルなので気になる方は是非チェックしてみてはいかがでしょうか。オプションもいろいろ揃っているのでカスタマイズもできますね。

Alton

関連記事

  1. PleaseWait

    JavaScript

    ローディングアイコンをオシャレに実装することができる「PleaseWait」

    PleaseWaitはローディングアイコンをオシャレに見せることができ…

  2. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  3. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  4. Shorten

    JavaScript

    長いテキストを自動で短縮してくれるjQueryプラグイン「Shorten」

    Shortenは指定した文字数以上の長いテキストを自動的に短縮してくれ…

  5. JavaScript

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラグイン「SHARDS」

    多層に重なり合う美しいグラデーションの背景を実装できるjQueryプラ…

  6. Stacked Strips

    JavaScript

    スタックしながらスクロールできるエフェクト実装「Stacked Strips」

    Stacked StripsはWebページをスクロールする時に、スタッ…

最近の記事

  1. マリアージュ フレール 紅茶チョコレート
  2. CD-ADE1BK
  3. 渋谷スクランブルスクエアからの夜景
  4. BELTZのバスクチーズケーキ

アーカイブ

PAGE TOP