スクロールするとヘッダや打ち出しを美しい繊細なエフェクトで上部に隠すテクニック -Scrolling Banner
先日の「スクロールやクリックした際に、おおっ！と思わせるクリエイティブな7つのエフェクト」はかなりインパクトがありましたが、今回紹介するのは非常に繊細なスクロールエフェクトです。 使用するのはよく見かけるレイアウトで、上部からヘッダ、ナビゲーション、打ち出し、コンテンツと積み重ねたものです。 Scrolling Banner スクロールすると、コンテンツは通常通りスクロールされ、画像はパララックスで少し遅れて、カーテンをあげるような感じになっています。 他の要素も上部に上がりながら、フェードで消えていきます。 少しスクロールしたキャプチャ コンテンツの表示ということに関しては、普通のスクロール操作と同じですが、ほんのちょっとエフェクトを加えるだけで印象がだいぶ変わりますね。 小さいと分かりにくいと思いますが、アニメーションgifにしてみました。 Scrolling Banner コードの主
指定した桁数ごとに自動で区切るスクリプト -Politespace | コリス
デモページ デモでは、さまざまな区切りができます。 3桁ずつ区切るなどの同数の区切り 料金など 4桁ずつ区切るなどの同数の区切り クレジットカードなど 3桁、4桁など異なる数の区切り 郵便番号など 指定数の区切りの後、残りはフリー 米の電話番号など 日本の電話番号のように最初の桁が2桁か4桁、というのは扱えないのがちょっと残念。 Politespaceの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="js/jquery.js"></script> <script src="js/politespace.js"></script> </head> Step 2: JavaScript jQueryのセレクタで適用を指定し、スクリプトを実行します。 <script> jQuery( func
2013年予定のjQuery 2.0、IE8以下はサポート廃止の方針
2013年初頭にリリースを予定しているjQuery 2.0では、Internet Explorer 6/7/8のサポートをしないという方針が、jQueryのブログ「jQuery Blog » jQuery Core: Version 1.9 and Beyond」で明らかにされました。 jQueryは現在1.7が最新バージョンで、先週1.8β1が公開されたばかり。ブログによると、この先のロードマップは次のように説明されています。 jQuery 1.9 (early 2013) 1.8で使用されなくなったインターフェイスの多くを削除。そのうちのいくつかはプラグインか代替APIでサポートされる。 jQuery 1.9.x (ongoing in 2013 and beyond) 継続してバグフィクスを行う。 jQuery 2.0 (early 2013, not long after 1.9)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
