簡単・低コスト・SEO対策｜クチコミサイト構築の決定版「エディタ・エンタープライズ」
- クチコミサイト構築「エディタ・エンタープライズ」
- デモサイトトップ
- 制作技術
- お手軽に横スクロールさせるjQueryチュートリアル via：Smooth Vertical or Horizontal Page Scrolling with jQuery
クチコミサイト構築「エディタ・エンタープライズ」デモサイト
日本初のブログ自動収集システム「エディタ・エンタープライズ」により、簡単・低コスト・SEO対策が可能な口コミサイトが構築可能です。
ブロガー別の記事一覧やカテゴリ別、月別、取得画像別などさまざまな切り口で見せることができるので、映画や商品のキャンペーンをはじめ、テーマ別のポータルサイトを構築できます。
お手軽に横スクロールさせるjQueryチュートリアル via：Smooth Vertical or Horizontal Page Scrolling with jQuery
2010年06月03日｜記事提供：すくえあ
最近ポートフォリオサイトなどで、横スクロールで印象的なデザインがあります。
これを実現するため、jQueryを使ってみましょう。
via：Smooth Vertical or Horizontal Page Scrolling with jQuery
使用方法 セクションテキスト
Smooth Vertical or Horizontal Page Scrolling with jQueryからファイルをダウンロードします。
次にスクロールさせたいセクションごとにdivをくくっていきます。
最後にCSSを記述します。
ポイントは、body幅をセクション幅の枚数分にすることと、高さを100%にする点です。
またサンプルのようにセクション右端に背景画像を配置すると印象的になります。
body{width:12000px;position:absolute;top:0px;left:0px; bottom:0px;}
.section{ margin:0px;bottom:0px;width:4000px;float:left;height:100%;}
お手軽に横スクロールさせるjQueryチュートリアル via：Smooth Vertical or Horizontal Page Scrolling with jQueryサンプル
[ 元記事 ]
twitterにつぶやく｜
はてなブックマーク｜
この記事をクリップ！｜
Yahoo!ブックマークに登録
｜
del.icio.usに追加する
クチコミサイト構築の決定版！日本初のブログ自動収集システム「エディタ・エンタープライズ」
サービスについての詳細は以下からお問い合わせください。
PVランキング
