![スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ - かちびと.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/45342214d8078d65da12cc7c78e1b7a508a69c68/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2011%2F07%2Fpla000.jpg)
以前少し話題になった、Nizoというサイト がああります。このサイトで導入している、 スクロールに応じて要素をアニメーション させるエフェクトがちょっと素敵なんです が、これと同じような効果をjQueryで作る、 というのが今日の記事内容です。 どんなエフェクト?って思われた方はNizoでスクロールしてみてください。このエフェクトをjQueryで作る方法が公開されていたので一応メモです。 Intriguing animate-on-scroll effect スクロールすると左右からいろいろ集まってきます。まぁそれだけなんですが、インパクトはありますね。 IE7でも問題なく動作しました。 Sample コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery
Movable Type でフォルダ(トップレベルフォルダ)毎にサイドバーの表示を変更するといった場合「MTFolderBasename」をブロックタグ「MTSetVarBlock」で括り、値を取得します。 <MTSetVarBlock name="folder_name"><MTTopLevelFolder><$MTFolderBasename$></MTTopLevelFolder></MTSetVarBlock> 次に「MTIf」で、先のブロックタグで取得した値を「name」で呼び出し、呼び出した値が「eq」と一致するかを判断します。 <MTIf name="folder_name" eq="folder1"> 「name」で取得した値が「eq」と一致した場合は上記構文の下に記述した内容を表示します。 もし違う場合は、同様に「MTElseIf」で「eq」に一致するかを判断します。 <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く