タグ

2011年5月13日のブックマーク (2件)

  • float段組の基本

    簡単なfloatの段組練習です。慣れて来たら、いろいろ応用してみて下さい。 注)floatを指定する場合はwidth指定で幅を指定するように心掛けましょう! ボックスを並べる boxAとboxBを左右に並べます。形式上boxの幅と高さを指定しています。(来の段組では、高さを指定する事はあまりありません。) パターン1 float:left;を指定してboxBを回り込ませます。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;height:100px;float:left; } パターン2 boxAにfloat:left;を指定、boxBにfloat:right;を指定。 #boxA { width:200px;height:100px;float:left; } #boxB { width:200px;

  • iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった - テクメモ

    iPhoneAndroid風にマウスでフリックスクロールできるようにするjQueryプラグインつくりました。 ページ末端を過ぎると戻るような動作を再現しています。ページ区切りを設定するとiPhoneのホーム画面のようなUIも実現できます。 現在はアルファ版として公開中。 デモ デモ(ページ全体) ダウンロード コードサンプル ページ一部をフリックできるようにする場合。 $('.selector').flickable(); ページ全体をフリックできるようにする場合。 $(window).flickable(); ページ区切りを作る場合。sectionオプションでセレクタか要素を指定します。 $('.selector').flickable({ section: '.content' }); オプションの取り方などを含め、jQuery UIと同じような実装にしています。 詳しくは、http

    iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった - テクメモ