スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
jQueryでマウスホイールで横にスクロールする横型コンテンツ
jQueryでマウスホイールで横にスクロールする横型コンテンツ 通常のWebサイトは縦長でマウスホイールで下に移動していきますが、最近よく見かけるようになった横長タイプのコンテンツをjQueryを使用して作成する方法をご紹介します。 機能としてはマウスホイールで横に移動と、ナビゲーションボタンをクリックで指定位置までスライドするということをやってみます。 投稿日2011年07月21日 更新日2011年07月21日 html+css htmlはナビゲーションであるリストとコンテンツを入れるためのdivが５つあります。 html <div id="contents"> <ul id="nav"> <li><a href="#s01">01</a></li> <li><a href="#s02">02</a></li> <li><a href="#s03">03</a></li> <li><a
マウスウィールでも横スクロールするjavascript「horizontinyscrolling.js」
twitter facebook hatena google pocket 横スクロールのjavascriptでは、bookreadeer.jsなるものが人気です。 ※たった6行でWebサイトのUIをガラッと変えるとか・・・ が、javascriptをoffにすると縦になっちゃいますし、そもそもスクロール時に矢印を利用する人は多いのでしょうか？ 今回紹介するhorizontinyscrolling.jsはマウスに付いている「ぐるぐる」のマウスウィールでスクロール可能です。 これにより、縦スクロールと同じ感覚でページ送りができます。 もちろんjavascriptがoffでも横スクロールOK sponsors 使用方法 【STEP 1】Javascriptをダウンロード とりあえずjavascriptがなければ始まりません。 horizontinyscrolling.jsからとってきましょう。
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
