on:2009年12月11日sponsorsメッセージボックスを半透明なオーバーレイ上にアニメーションで表示するチュートリアルをCodropsから紹介します。me」のクリックがトリガーとなっています。デフォルトの画面メッセージボックスのスタイルでは角丸にCSS3が使用されており、スクリプトはjQueryをベースに下記のスクリプトを記述しています。{$('#activator').click(function(){$('#overlay').fadeIn('fast',function(){$('#box').animate({'top':'160px'},500);});});$('#boxclose').click(function(){$('#box').animate({'top':'-200px'},500,function(){$('#overlay').fadeOut('fast');});});});</textarea>サイトでは画像やjQueryなどを含む一式となったファイルがダウンロードできます。Posts関連記事が見つかりませんでした。