jQuery dim Backgroundは要素を除いて、現在のページを暗くするためのjQueryプラグイン。

スクリプトタグを追加

<script type="text/javascript" src="http://andywer.github.io/jquery-dim-background/jquery.dim-background.min.js"></script>

いくつかの要素を保つ

<script type="text/javascript">
    $('.myElements').dimBackground();
</script>

通常の状態に戻す

<script type="text/javascript">
    $('.myElements').undim();
    // - or -
    $.undim();
</script>

アニメーションが完了したときに呼び出し

<script type="text/javascript">
    $('.myElements').dimBackground({
        darkness : 0.8            // 0: no dimming, 1: completely black
    }, function() {
        // do something
    });
</script>

MIT

• Tag
• jQuery