テキストや画像にぼかしを入れて興味をそそれるjQueryプラグイン「SPOILER ALERT!」

テキストや画像にぼかしを入れて興味をそそれるjQueryプラグイン「SPOILER ALERT!」サンプル 人間、隠されているものって気になりますよね。
jQueryプラグインのSPOILER ALERT!は、テキストや画像に簡単にぼかしを入れられ、クリックで表示させられます。

使用方法 SPOILER ALERT!からファイル一式をダウンロード。
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script src="spoiler.js"></script>
<script type="text/javascript">
$(function(){
$('.class名').spoilerAlert({
max: 10, //ぼかし範囲
partial: 4, //ぼかしの度合い
hintText:"やらしい人ですね・・クリックしてください・・・" //マウスオーバー時に表示するテキスト
});
});
</script>

あとは画像やテキストに上記のclassを記述すれば完成です。
<img src="画像パス" class="class名" />
テキストや画像にぼかしを入れて興味をそそれるjQueryプラグイン「SPOILER ALERT!」サンプル

sponsors

「テキストや画像にぼかしを入れて興味をそそれるjQueryプラグイン「SPOILER ALERT!」」をシェアする

記事作成:
記事URL:

TOP > > > テキストや画像にぼかしを入れて興味をそそれるjQueryプラグイン「SPOILER ALERT!」