雪を降らせるjQuery「JQuery-Snowfall」の実装 | 電網覚書

本記事のソースコードの利用によって生じた損害について、当方は一切の責任を負いません。ご自身の判断と責任のもとで参照・ご利用ください。

この記事は最終更新から3年以上経過しています。

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