jQueryでページ最下部までスクロールした際に外部HTML（JSON形式）化した要素を追加する方法｜BLACKFLAG
TwitterやFacebookで見るUIの様な、ページの最下部にスクロールした際に 自動的に追加要素の読み込み処理をするjQueryプラグインは多々ありますが 任意のHTMLソースを簡単に追加できるものがなかなか見当たらなかったので jQueryを使ってJSON形式で試しに作ってみたのを紹介してみます。 サンプルを別枠で表示する ページの最下部までスクロールをすると 追加で要素を読み込みます。 サンプルでは28個の要素を 5個ずつ追加表示しています。 （最後は3つ表示） 全体構成についてまずはHTMLから。 ◆HTML <div id="loadarea"></div><!--/#loadarea--> HTMLには要素を追加させたい箇所に 任意のID（もしくはクラス）を付けた ブロック要素を配置するだけです。 そしてCSSは以下の様になります。 ◆CSS /* #loadarea --
jQueryで16進数の背景色をアニメーション（フェード）させる方法｜BLACKFLAG
jQueryでは通常、背景色や文字色などでの16進数を使った色指定「#ffffff」といった値を アニメーション処理させることは出来ません。（数値化されていない値は処理できない。） これらの色指定をアニメーション処理させるには、値を数値化することが必要になるのですが 簡単にそれらの処理をしてくれるプラグイン「jquery.color.js」というものがあったのでご紹介。 Color Animations ≫Color Animations | jQuery Plugins このプラグインファイルを使うことで16進数で指定された色指定を 「rgb(nn, nn, nn)」の様な感じに変換して処理してくれます。 例えば、 ——————————————————- 白「#ffffff」 → 「rgb(255,255,255)」 黒「#000000」 → 「rgb(0,0,0)」 赤「#ff0000
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
