on:2013年10月3日sponsorsページをスクロールし、コンテンツを読み終えたくらいやページの途中や下など指定した範囲に、メッセージやFacebookなどを配置したパネルをアニメーションでかっこよく表示するjQueryのプラグインを紹介します。昨日の記事「最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ」でもよかったのですが、なんせ公開されたのが翌日なので。Boxのデモデモは5つあり、パネル表示のさまざまなエフェクト、また表示するスクロールの範囲も設定できるので複数のパネルを表示することもできます。デモページ各デモは、ページを下の方にスクロールしてください。1標準的なデモで、下の方にスクロールするとパネルを表示します。2パネルが上からすとーんと落ちて表示されます。3パネルがすっーとスライドして表示されます。4Facebookを配置したパネルが下部からスライドして表示されます。5トリガーを複数設定したデモで、パラグラフの奇数番目ごとにパネルが表示されます。外部ファイルjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。HTMLコンテンツは通常通りに実装し、パネルは</body>の上あたりに配置しておきます。class="endpage-box">...</div></body>複数のパネルを表示する際は、下記のように。JavaScript表示するパネルをjQueryのセレクタで指定し、スクリプトを実行します。"30%"});「animation」はアニメーションのエフェクト、「from」「to」はパネルを表示する範囲で%とpxの両方で指定できます。