Webサイトを横スクロールでカッコ良くみせちゃうjQueryプラグイン！ | うぇぶこん-Web Concourse-
Share on Tumblr Tweet Check ポートフォリオなんかで横スクロールのカッコ良いサイトをたまに見かけますが、そんなデザインをお手軽に実現できちゃうjQueryのステキプラグインです。 ↓ 動作はこんな感じ Smooth Vertical or Horizontal Page Scrolling with jQuery DEMO そんじゃ、早速設置方法です。 まずは、Smooth Vertical or Horizontal Page Scrolling with jQueryからzipファイルをダウンロード。 ↓ で、ヘッダーにこちらのコードを追加。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <sc
ページの背景に画像をフルスクリーンで表示させ、画像の切り替えも可能なjQueryプラグイン「Backstretch」
Backstretch 以前に、背景にフルスクリーン画像をスライダーで流すjQuery「maxImage Scaling Plugin」を紹介しましたが、本家のサイトの運営が再開されていないようです。 「maxImage Scaling Plugin」と同じように背景に画像をウィンドウズサイズに調節してフルスクリーン表示させることができるのが、このjQueryプラグイン「Backstretch」です。 少し、手を加えることで背景でスライドショーとして画像を流すことも出来ます。 サンプルを３パターン作ってみました。 基本サンプル クリックして画像を切り替えるサンプル 背景でスライドショーサンプル 簡単に設定できるのと、背景画像を最後に表示させることでメインのコンテンツが表示されるまで待つ必要がないのが特徴です。 設定の方法は続きをどうぞ。 まずは、「Backstretch」のページからファイ
ネットショップに最適。目を引くクールな商品スライダー「Simple Multi-Item Slider 」
ネットショップでアイテム紹介に使える商品スライダーのソースを紹介します。CSSとjQueryを使用してあります。 シンプルかつ、モダンなインパクトのあるアイテムスライダーです。 カテゴリーごとにアイテムが横に飛び去っていくような効果があり、スピード感があります。 Apple（アップル）のサイトで使われているようなカッコいいスライダーが実現できそうですね。 サンプルページを作ってみました。（サンプルで紹介しているアイテムは実際にご購入できます。） → ネットショップに最適。目を引くクールな商品スライダー「Simple Multi-Item Slider 」サンプル 商品数の限られたネットショップのトップページや、注目アイテムの紹介などにも活用できそうです。 【使用方法】 まずは、こちらのHow to Create a Simple Multi-Item Sliderからソースを一式ダウンロー
どんなリストも横スクロールさせられるjQueryプラグイン「any list scroller」:phpspot開発日誌
どんなリストも横スクロールさせられるjQueryプラグイン「any list scroller」 2012年11月21日- any list scroller - jQuery scrolling plugin by musings.it to scroll any list with any content - musings.it web design and development どんなリストも横スクロールさせられるjQueryプラグイン「any list scroller」。 <ul><li>なリストを初期化すれば次のようなスクロールするUIに変化するみたい。 表示アイテム数の他、アイテムの間隔など細かい所もオプションやCSSで制御できるようです 動作原理は以下のようになっているらしい。 このてのスクロール系ライブラリは豊富にありますが、１つの選択肢として覚えておいてもよさそう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
