このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.noisy.min.js"></script>
<script>
	$(window).load(function(){
		$('#Noisy .btn01').on('click', function(){
			$('body').removeAttr('style');
			$('body').noisy({
				intensity: 1,
				size: 150,
				opacity: 1
			})
		});

		$('#Noisy .btn02').on('click', function(){
			$('body').removeAttr('style');
			$('body').noisy({
				intensity: 1,
				size: 150,
				opacity: 0.3
			})
		});

		$('#Noisy .btn03').on('click', function(){
			$('body').removeAttr('style');
		});
	});
</script>
<button id="NoisyBtn01" class="blue">ノイズMAX</button>
<button id="NoisyBtn02" class="green">ちょっとだけノイズ</button>
<button id="NoisyBtn03" class="red">リセット!!</button>

Noisyについて

Noisyは背景画像にノイズを走らせることができるwebクリエイター必見プラグイン。
使い道を思いつくのに時間がかかりそうですが、こういうの好きです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • FullscreenBackground

    FullscreenBackground

    ページの背景いっぱいに画像を表示できる