雪を降らせるjQuery「JQuery-Snowfall」の実装

電脳備忘録

Snowfallという、ページに雪を降らせるプラグインを実装した時の備忘録。
実装することによって処理が重くなってもアレなので、PC以外のアクセス(iPad・iPhone・iPod・Android)に対してはプラグインを実行しないようにしました。また処理を実行した場合のみ専用のCSSを読み込むようにしています。
取り敢えず手持ちのiPadで確認してみましたが、プラグインは実行されていなかったので問題はなさそうです。

<script>
//PC以外は実行しない
if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){
//JSを追加して実行
$.getScript("<$mt:StaticWebPath$>support/theme_static/560days/js/vendor/snowfall.jquery.js", function(){
//CSSの追加
var style = '<link rel="stylesheet" href="<$mt:StaticWebPath$>support/theme_static/560days/css/snow.css">';
$('head link:last').after(style);
//Snow設定
$('#container').snowfall({
minSize : 5,
maxSize : 8,
round : true
});
});
}//end if
</script>

久しぶりにjQueryをいじったのですが、いろいろ忘れてて色々アレでした。ちなみにトップページは春になるまでこの仕様で放置するつもりです。正月用に背景とか用意してもいいのですが、面倒くさいのでたぶんやらないと思います。

広告

ブログの維持費に充てるでございます・・・。