海外のブログで使われている二段階スクロール式のヘッダーライブラリ·scrollable-layer.js MOONGIFT
scrollable-layer.jsはヘッダーとメニュー部が合体するタイプのスクロールをサポートするJavaScriptライブラリです。 最近のWebサイトでよく使われているのがスクロールしてもヘッダーが追従してくるタイプのデザインです。特に個人的にTechCrunch.comのやり方が面白いと思っていたのですが、同様のヘッダー表示を可能にするのがscrollable-layer.jsです。 デモです。高さが低いのでウィンドウを小さくしています。 下にスクロールします。黒い帯が上にあがっていますが、ヘッダー部は残ったままです。 ヘッダー部にかかりました。ロゴはそのまま残っています。 さらにスクロールしました。ロゴはちょっと上に上がってそのまま残っています。ヘッダーはこのまま固定されます。 scrollable-layer.jsは単にヘッダーを固定にするだけでなく、ある程度スクロールすると
Kanasan.JS jQuery コードリーディング #2 に参加したので復習とコードの解説をする - mollifier delta blog
2010/09/26(日) に京都で Kanasan.JS jQuery コードリーディング #2 が行われた(告知ページ)。みんなで jQuery のソースコードを読む勉強会で、僕は初めての参加。事前に前回分も読んでおいたので準備万端、気合いを入れて参加した。 で、今回の内容なんだけど、642行目から1205行目まで読み終えた。全部で6240行なので全体の5分の1ぐらい終わったかな。今回は普段外部から使うものじゃなくて、jQuery 内部で使う関数のところが多かった。あとは jQuery マニアしか使わないようなメソッドとか。そんなわけで使い方がイメージしにくいところもあったので、その中でわかりにくかったとこを復習して挙げておく。 あと、今回読んだ jQuery のバージョンは 1.4.2。 前提 こんな感じでメソッドを追加してるところがある。 jQuery.extend({ queue
これは面白い！jQueryで紙芝居のように画像をめくるJavaScript
twitter facebook hatena google pocket Create a unique Gallery by using z-index and jQueryで紹介されている画像の見せ方が面白いので紹介します。 クリックするたび紙芝居のように画像がめくられていきます。 sponsors 使用方法 jQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function() { var z = 0; var inAnimation = false; $('#pictures img').each(function() { z++; $(this).c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
