jQueryでスクロールすると表示する系いろいろ
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
jQueryで全画面表示するギャラリーを作るチュートリアル
Posted: 2011.04.28 / Category: javascript / Tag: jQuery, ギャラリー 最近はFlashで作ったのかと思ってしまうようなjavascriptなギャラリーをちらほら見るようになりましたね。 この記事ではあまり凝ったことをすると大変、、というか作れるスキルがないので、jQueryを使用したシンプルなフル画面ギャラリーの作成方法をチュートリアル形式でお送りいたします。 画像の準備をしよう ギャラリーページなので当然のことながら画像は準備しておきましょう。 小さい画像（サムネイル）と大きい画像を用意します。 小さい画像は100×67、大きい画像は画面いっぱいに表示するのでそこそこ大きいのにします。 画像サイズが変わっても基本的にcssを修正するだけで済むようにします。 html + cssを作成しよう 連番画像をjQueryで配置しても良かった
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
